javascript 动态解析脚本

一般而言，如果脚本很长，我们把它们放到一个JS文件中，然后生成一个script元素并把它加入DOM树，把src设置为JS文件的地址即可。但对于很自短的脚本，如果我们又不想用new Function与eval呢？这里还有一办法，利用script元素的一个少为人知的属性text，非标准属性，但所有主流浏览器都支持。有点像innerHTML，但innerHTML只能把字符串变成各种节点，但不能解析脚本。看下面的例子：

var script = document.createElement('script');
script.type = 'text/javascript';
script.text = "alert('这是动态添加的!')";
document.body.appendChild(script);

	text	innerHTML	textContent	cteateTextNode
IE6	●	×	×	×
IE8	●	×	×	×
FF3.6	●	●	●	●
chrome5	●	●	●	●
safari4	●	●	●	●
opera10.10	●	×	●	●

如果您觉得此文有帮助，可以打赏点钱给我支付宝1669866773@qq.com ，或扫描二维码

posted on 2009-10-31 13:46 司徒正美阅读(3758) 评论(3) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义

Ruby's Louvre

导航

统计

公告

常用链接

我的标签

积分与排名

css3

javascript

工具

好友链接

阅读排行榜

评论排行榜

最新评论

javascript 动态解析脚本

如果您觉得此文有帮助，可以打赏点钱给我支付宝1669866773@qq.com ，或扫描二维码