码迷,mamicode.com
首页 > 其他好文 > 详细

动态脚本

时间:2016-09-21 12:50:29      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

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

动态脚本

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

sc.type="text/javascript"

sc.src="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);

 

动态脚本

标签:

原文地址:http://www.cnblogs.com/yunl/p/5892014.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!