使用jQuery在BODY标记结束之前放置脚本

Question

使用jQuery在BODY标记结束之前放置脚本

Kyl*_*ins 5 javascript jquery google-chrome-extension

这是我在body标签之前想要的脚本:

<script type="text/javascript">
  var vglnk = { api_url: '//api.viglink.com/api',
                key: '89dcd0a12ff35d227eaaaff82503030b' };

  (function(d, t) {
    var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
    s.src = ('https:' == document.location.protocol ? vglnk.api_url :
             '//cdn.viglink.com/api') + '/vglnk.js';
    var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
  }(document, 'script'));
</script>

Run Code Online (Sandbox Code Playgroud)

我希望这段代码能够放在"HERE"的位置

<html>
<head>
</head>
<body>
some html and stuff
HERE
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我将如何在jQuery中进行此操作？(我是通过扩展程序执行此操作.主要是在Chrome中,但也包括FF和IE.)

任何帮助表示赞赏.

Answer 1

fri*_*sco 6

您需要内容脚本在所需的每个页面上执行插入操作.

内容脚本的代码非常简单,不需要jquery.

var code = "your script code here";
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.appendChild(document.createTextNode(code));
document.body.appendChild(script);

Run Code Online (Sandbox Code Playgroud)

因为只有在您甚至不需要定义函数时才会调用它.您可以在内容脚本附加的任何Web上使用调试器调试代码(F12),您将在内容脚本选项卡中看到您的代码.

归档时间：	12 年，8 月前
查看次数：	12145 次
最近记录：	12 年，3 月前