Javascript高级编程学习笔记（43）—— 动态脚本

动态脚本

大多数情况下，DOM操作都很简洁明了

因为DOM主要就是用来操作页面中的可视节点的

但有些时候我们又希望可以动态的来进行DOM操作

其中的一部分也就是今天我们的内容动态脚本

动态脚本是什么意思呢？

动态脚本指的就是页面中那些本来不存在，但是随着代码的执行插入页面的脚本

例如下面代码：

var script = document.createElement("script");
script.type = "text/javascript";
script.src = "./client.js"; // js文件的路径
document.appendChild(script);  // 将脚本插入页面

上述代码中我们向页面中插入了client.js文件

当Script标签被插入文档树后，该JS文件的代码自然就会执行

要注意的是，在除了低版本IE的浏览器中，我们可以通过DOM操作上面代码中的 script 的子节点来完成对脚本内容的修改

var script = document.createElement("script");
script.type = "text/javascript";
script.appendChild(document.createTextNode("var a = 'lhy';"));
document.appendChild(script);  // 将脚本插入页面

正是由于动态脚本技术，让我们可以动态执行脚本文件，所以产生了Jsonp 这样的跨域问题解决方案

至于Jsonp 则放到后面Ajax的内容再进行讲解

除此而外关于JS中的动态脚本，我们只需要知道，在JS中只要script被插入文档树（不管是代码解析，亦或是DOM操作）其中的脚本就会执行