将js注入头部(脚本中包含完整代码)

mmm*_*mmh 4 html javascript header web

我想在站点的头部添加一个脚本,因此目标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);
Run Code Online (Sandbox Code Playgroud)

但我不想在源代码中使用任何链接.

所以我试着添加一些像这样的代码:

    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';
Run Code Online (Sandbox Code Playgroud)

但我失败了.该脚本不起作用.

如何在这样的任何html网站的头部添加一个元素?如果有人可以帮助我会很棒.

Bru*_*uno 8

试过这个,它似乎工作.尝试

function addJS(jsCode) {
    var s = document.createElement('script');

    s.type = 'text/javascript';
    s.innerText = jsCode;
    document.getElementsByTagName('head')[0].appendChild(s);
}
Run Code Online (Sandbox Code Playgroud)

在这里演示