javascript - 将 js 注入(inject)头部(脚本中有完整代码)

标签 javascript html web header

我想将脚本添加到站点的头部,以便目标 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);
}

演示 here

关于javascript - 将 js 注入(inject)头部(脚本中有完整代码),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13573290/

相关文章:

javascript - 与事件关联的 setTimeout 函数

javascript - 调整字体大小 - 固定宽度或流体?

html - 触摸时更改 p 元素的背景颜色

html - 使外部 div 适合内部 div 文本

javascript - Canvas 中的全屏矩形(Android/iOS 网络应用程序)

MySql Left Join with subselect

javascript - 触发单击 jQuery 链接时的“未定义”函数

javascript - Extjs 4.1.1 在 Datepicker 中添加了新按钮,但其处理程序不起作用

html - IE10 和 HTML5 音频

html - 如何重定向页面但不更改浏览器的网址?