网络编程
位置:首页>> 网络编程>> JavaScript>> Mootools 1.2教程(21)——类(二)(4)

Mootools 1.2教程(21)——类(二)(4)

作者:Fdream 来源:Fdream博客 发布时间:2008-12-28 20:58:00 

标签:mootools,类,javascript,ajax,教程


代码示例

虽然很简洁,不过这对于相对比较简单的计算器这个类来说不是一个特别有用的功能。但是,由于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包(29.75 KB)

asp之家下载地址:mootorial_day21_classes_2.zip (29.75 KB)

MooTools Class文档

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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com