javascript 动态解析脚本-优快云博客

本文介绍了一种在不使用newFunction与eval的情况下动态插入简短JavaScript代码的方法，通过设置script元素的text属性来实现脚本的即时执行，适用于所有主流浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般而言，如果脚本很长，我们把它们放到一个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);

<!doctype html> <title>script.text by 司徒正美</title> <meta charset="utf-8"/> <meta name="keywords" content="script.text by 司徒正美" /> <meta name="description" content="script.text by 司徒正美" /> <script type="text/javascript"> window.onload = function(){ var script = document.createElement('script'); script.type = 'text/javascript'; script.text = "alert('这是动态添加的！')"; document.body.appendChild(script); } </script> <h2>script.text by 司徒正美</h2>

运行代码