我想在站点的头部添加一个脚本，以便目标html的头部看起来像<head><script type="text/javascript">*some code...*</script></head> .
使用此脚本可以完美地工作：
var head = document.getElementsByTagName('head')[0],
script = document.createElement('script');
script.src = 'http://www.example.com/example.js';
head.appendChild(script);
但我不想在源代码中使用任何链接。
所以我尝试添加一些这样的代码：
function addJS(jsCode) {
var styleElement = document.createElement('script');
styleElement.type = 'text/javascript';
(scriptElement.javascript) {
scriptElement.javascript.jsText = jsCode
scriptElement.appendChild(document.createTextNode(jsCode))
document.getElementsByTagName('head')[0].appendChild(scriptElement);
}
var jsCode = '';
jsCode += 'code';
jsCode += 'some more code';
但我失败了。该脚本不起作用。
如何像这样将元素添加到任何 html 站点的头部？如果有人能帮助我，那就太好了。
刚刚尝试了这个，它似乎有效。尝试
function addJS(jsCode) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.innerText = jsCode;
document.getElementsByTagName('head')[0].appendChild(s);
}
在这里演示
使用 jquery
var head = document.getElementsByTagName('head')[0],
script = document.createElement('script');
$(script).attr('type' , 'text/javascript');
head.appendChild(script);
$(script).append("alert('Hello')");