0

这个问题看起来有点愚蠢......但我想知道是否可以将内联 javascript 代码插入另一个 javascript 代码。让我们说清楚：

我正在尝试放置一个 google plus 按钮，通过 jquery 将其附加如下：

jQuery('.gplus').append('<g:plusone annotation="inline"></g:plusone>');

此按钮需要外部 js 才能正常工作。我想要做的是插入外部js这样做：

var gplusjs = '
<script type="text/javascript">
  (function() {var po = document.createElement("script");
    po.type = "text/javascript"; po.async = true;
    po.src = "https://apis.google.com/js/plusone.js";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(po, s);
  })();
</script>';
jQuery('#js').append(gplusjs);

其结果是将代码打印为 HTML，但不解释为脚本。这个有可能？我是个笨蛋？谢谢！

4

2 回答 2

5

那是因为 jQuery 追加和脚本不起作用。用老式的方式做

var gplusjs = '(function() {var po = document.createElement("script");po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(po, s);})();';
var script = document.createElement("script");
script.textContent = gplusjs;
document.head.appendChild(script);

另请注意，JS 中不存在多行字符串文字。

于 2012-01-10T23:47:00.817 回答
3

您应该只正常执行该代码：

var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);

或者，更简单：

$.getScript("https://apis.google.com/js/plusone.js");
于 2012-01-10T23:45:36.643 回答