在HTML中包含MooTools

时间:2011-02-02 10:14:08

标签: mootools

如果我有一些Mootools脚本,我是否可以像这样在HTML中包含脚本?

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <script type="text/javascript">
    window.addEvent("domready", function(){
        $$('div.rj_insertcode a.glossarylink, .no_glossary a.glossarylink').each(function(el) {
                new Element("span", {
                    html: el.get("html")
                }).replaces(el);
    });  
    });   
    </script>
    </head>

我正在使用Joomla启用“System - Mootools Upgrade”插件(因此MT 1.2.4已经包含在内并可以使用)。

2 个答案:

答案 0 :(得分:1)

<script type="text/javascript" src="your-mootools-file.js"></script>

答案 1 :(得分:1)

  

我正在使用Joomla启用“System - Mootools Upgrade”插件(因此MT 1.2.4已经包含在内并可以使用)。

如果已经包含mootools,那么你的domready脚本块需要在调用之后包含mootools,以便定义其符号和方法。

典型地:

<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
window.addEvent("domready", function() {
    // code here
});
</script>

如果您的脚本不太可能产生与您输出的模板变量相关的任何内容而您只是使用DOM,那么我建议将其移至外部.js文件。

其他最佳实践ATM似乎指向将所有js置于底部,因此它是非阻塞且更快但是这否定了domready的点,因为当你运行js所有页面元素被定义时,它将不会触发任何更早的(你可以参考dom)。