资讯专栏INFORMATION COLUMN

JS学习笔记(第10章)(DOM操作技术)

UCloud / 368人阅读

摘要:动态脚本创建动态脚本有两种方式插入外部文件和直接插入代码。一般来说应该尽量减少访问的次数,因为每次访问,都会运行一次基于文档的查询。所以,可以考虑将从中取得的值缓存起来。

1、动态脚本

创建动态脚本有两种方式:插入外部文件和直接插入Javascript代码。

(1)调用外部文件

function loadScript(url) {
     var script = document.createElement("script");
     script.type = "text/javascript";
     script.src = url;
     document.body.appendChild(script);
}

//调用以上函数就可以加载外部的Javascript文件了
loadScript("client.js");

(2)直接插入JS代码

 function loadScriptString(code){
     var script = document.createElement("script");
     script.type = "text/javascript";
     try {
         script.appendChild(document.createTextNode(code));
     } catch (ex){
         script.text = code;  //IE浏览器
     }
     document.body.appendChild(script);
 }
 //下面是调用这个函数的示例
 loadScriptString("function sayHi() {alert("hi");}");
 

2、动态样式

能够把CSS样式包含到HTML页面的元素有两个。其中元素用于包含来自外部的文件,而