【DOM】DOM操作技术

动态脚本

定义：页面加载时不存在，但将来的某一时刻通过修改DOM动态添加的脚本。
创建动态脚本有两种方法：

• 插入外部文件
• 直接插入JavaScript代码

插入外部文件

var script = document.createElement("script");
script.type = "text/javascipt";
script.src = "client.js";
document.body.appendChild(script);

可以将整个过程用函数封装：

function loadScript(url){
    var script = document.createElement("script");
    script.type = "text/javascipt";
    script.src = url;
    document.body.appendChild(script);
}
//然后就可以通过调用这个函数来夹在外部的JavaScript文件了
loadScript("client.js");

直接插入JavaScript代码

用行内方式指定JavaScript代码。

script type="application/javascript">
    function sayHi() {
        alert("hi");
    }

用下面的方式创建JavaScript代码从逻辑上来讲是有效的，但是在IE中会导致错误（Firefox、Safari、chrome和Opera会正常运行）。IE将