5

我想将脚本添加到站点的头部，以便目标 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 网站的头部添加一个元素？如果有人可以帮助我，那就太好了。

4

2 回答 2

11
于 2012-11-26T21:32:03.713 回答
1

使用 jQuery

   var head = document.getElementsByTagName('head')[0],
        script = document.createElement('script');

    $(script).attr('type' , 'text/javascript');    
    head.appendChild(script);
    $(script).append("alert('Hello')");
于 2012-11-26T21:36:16.047 回答