使用 Javascript 动态插入脚本

Question

长话短说，我正在开发 Google Chrome 扩展程序。默认情况下，扩展无法访问它们正在操作的页面范围内的变量（您需要通过 DOM 进行通信）。

我要做的是在页面中插入一个脚本；这可以通过定义脚本标签和 src 属性来正常工作。

问题是这个脚本需要预先初始化一个变量。为了初始化这个变量，我试图用它的代码内联（而不是从外部源加载）构造一个脚本元素，但我无法让它工作。

这可能吗？如果可以，如何在脚本中定义源？我尝试将包含 JS 源的文本节点附加到脚本元素，但无济于事。

Answer 1

这很糟糕，但最好的方法可能是通过将数据注入 DOM 来传递数据：http://code.google.com/chrome/extensions/content_scripts.html#host-page-communication

您也可以通过执行以下操作来完成此操作：

var script = document.createElement('script');
script.type = 'text/javascript';
script.text = 'alert("It works!");';
document.head.appendChild(script);

我还没有测试过这个，但我猜它会在你的内容脚本中工作。