Mootools 1.2教程(21)(3)


var demo_seven = function(){
// 为Calculator类实现一个方法
// 用来打印这个类里面的内容
Calculator.implement({
show_class : function(){
alert(print_r(this, true));
}
});
// 建立一个Calculator类实例
var myCalculator = new Calculator(100, 50);
// 显示类的详细信息
myCalculator.show_class();
}


demo_seven()
代码示例
虽然很简洁,不过这对于相对比较简单的计算器这个类来说不是一个特别有用的功能。但是,由于MooTools里面的大多数对象都是用相同的方式建立的类,因此我们可以用这种方式来扩充MooTools的类,提供更多功能。下面的例子实现了一个功能,它可以显示任何你想看的HTML的内容结构。这个功能现在就被自动地添加到了任何与你交互的HTML元素,因此你可以给你的元素添加一个showStructure元素的完整描述。
参考代码:

复制代码 代码如下:


var demo_eight = function(){
Element.implement({
showStructure : function(){
var structure = '<pre>' + print_r(this, true) + '</pre>';
// 打开一个弹出窗口
newWindow = window.open('','Element Debug','height=600,width=600,scrollbars=yes');
// 把内容写入到弹出窗口中
newWindow.document.write(structure);
}
});
$('demo_eight').showStructure();
}


注意:要让这个示例能正确显示,你需要先允许该页面弹出窗口。
更多学习

下载一个包含你开始所需要的所有东西的zip包

MooTools Class文档

一些非常好的关于更好地利用MooTools类的讨论

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjyfsg.html