首页 > 代码库 > 动态脚本

动态脚本

使用js可以动态的为html添加脚本

动态脚本

var sc=documet.createElement("script");

sc.type="text/javascript"

sc.src="http://www.mamicode.com/a.js"

var top=document.head

top.appendChild(sc)

先创建一个script标签,然后为标签添加属性,最后将标签添加到head中,便创建成功了一个动态脚本

此外,还有另一种方式

对于非IE浏览器

var sc=documet.createElement("script");

sc.type="text/javascript"

sc.appendChild(document.createTextNode("function(){alert(\"a\")}"))//为script添加子文本节点,相当于直接写script标签中的内容

var top=document.head

top.appendChild(sc)

对于IE浏览器

IE浏览器不允许为script标签添加节点

所以在IE中

var sc=documet.createElement("script");

sc.type="text/javascript"

sc.Text="function(){alert(\"a\")}"//为script添加子文本节点,相当于直接写script标签中的内容

var top=document.head

top.appendChild(sc)

所以想要兼容两种浏览器需要下面的写法

var code="function(){alert(\"a\")}";

var top=document.head

var sc=documet.createElement("script");

try

{

sc.appendChild(document.createTextNode(code))

}

catch(ex)

{

sc.Text=code;

}

top.appendChild(sc);

 

动态脚本