动态脚本指的是在页面加载时不存在,但将来的某一时刻通过修改该DOM动态添加的脚本。和操作HTML元素一样,创建动态脚本也有两种方式:插入外部文件和直接插入JavaScript代码。
动态加载外的外部JavaScript文件能够立即运行,比如下面的
而创建这个节点的DOM代码如下所示:
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "client.js";
document.body.appendChild(script);
显然这里的DOM如实的反映了相应的HTML代码。不过执行最后一行代码把
function loadscript(url) {
var script = document.createElement("script");
var script.type = "text/javacript";
script.src = url;
document.body.appendChild(script);
}
然后,就可以通过调用这个函数来加载外部的JavaScript文件了:
loadScript("client.js");
加载完成后,就可以在页面中的其它地方使用这个脚本了。
另一种指定JavaScript代码的方式是行内方式,如下面的例子所示:
function sayHi() {