javascript - 在运行时将脚本内容添加到页面

Question

我尝试在运行时向我的index.html页面添加一些带有内容的脚本标签在页面加载后并在标题标签下，在chrome控制台页面中我放置了以下内容

var script = document.createElement('script');
script.src = "var a = 1" ;
document.getElementsByTagName('title')[0].appendChild(script);

我从 SO 论坛中获取了这个示例，但它对我不起作用(第三条语句没有做任何事情

> 1.is it possible to do that in the console and update the document 
> 2.there is a way not do to do that in the console for example from external file...

Answer 1

尝试在 head 而不是 title 添加脚本，如果您想向其中添加一些变量，则应该使用 text 属性，例如，

var script = document.createElement('script');
script.text = "var a = 1" ;
//-----^ it should be text not src, if you want external js then use src
document.getElementsByTagName('head')[0].appendChild(script);

Working Demo