Question

我已尝试多次使用此代码插入整个脚本：

;
document.body.innerHTML += 'code here';

我想插入的是这个代码示例：

<script type="text/javascript">
    var adfly_id = 000;
    var adfly_advert = 'int';
    var popunder = true;
    var exclude_domains = ['example.com', 'yoursite.com'];
</script>
<script src="https://cdn.adf.ly/js/link-converter.js"></script>

关于如何通过javascript将这个adfly脚本插入到内容体中的任何建议都将非常感激。

Answer 1

var script=document.createElement('script');
script.type='text/javascript';
script.src="https://cdn.adf.ly/js/link-converter.js";

document.body.appendChild(script);

Answer 2

您可以将脚本放入html中。字面上输入它。你不需要js来包含js。此外，如果你这样做，脚本实际上不会在页面加载时运行。

有解决方案，所以你可以这样做（就像一个亚马克给出的），但我强烈建议避免它们，除非你有充分的理由。

如果您有任何特定的理由，请指明它，以便我们考虑它。

Answer 3

您必须明确创建script元素，然后将它们附加到文档中：

// Create the element with the settings variables
var adfly_settings = document.createElement("script");
adfly_settings.setAttribute("type", "text/javascript");
adfly_settings.innerHTML = "var adfly_id = 000;\n" +
    "var adfly_advert = 'int';\n" + 
    "var popunder = true;\n" +
    "var exclude_domains = ['example.com', 'yoursite.com'];"

// Create the element with the external script
var adfly_lib = document.createElement("script");
adfly_lib.setAttribute("type", "text/javascript");
adfly_lib.setAttribute("src", "https://cdn.adf.ly/js/link-converter.js");

// Append them to the document
document.appendChild(adfly_settings);
document.appendChild(adfly_lib);

请注意这很难看，为什么不能首先将HTML代码附加到页面上？

Answer 4

.html()会像 JSFiddle Demo

这样做

$(document).ready(function () {
    $('.morebutton2').hide();

    $('#btn').on("click", function () {
        $("#st00f").html("<table style='border:solid'><tr><th>other things</th></tr></table>");
    });

});

.html从字面上将其中的字符串转换为html语法。你只需要使用JQuery来解决这个问题，比如

$("#elementID").html("<p>stuff</p>");

JavaScript将整个代码插入到正文中？

4 个答案: