JavaScript将整个代码插入主体

JavaScript insert whole code into body?

本文关键字：插入 主体 代码 JavaScript      更新时间：2023-09-26

我已经试过很多次用这个代码插入整个脚本:

;
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脚本插入内容体的任何建议都将非常感谢。

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

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

有一些解决方案可以让你做到这一点(就像马特·r给出的那样)，但我强烈建议避免使用它们，除非你有一个很好的理由。

如果你有什么特别的理由，请说明，以便我们考虑。

您必须显式地创建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代码附加到页面的第一个地方?

.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>");

相关文章：