Question

以下代码可以将div元素添加到正文中。但有时HTML很长。如果它像300行html代码那么长，写这样就很难了：

$("body").append($("<div id='dzndiv'><div style='position:absolute;left:0px;top:0px;width:100%;height:800px;'><img src='img/transparent.png' width='100%' height='100%'/></div>");

我认为应该是这样的：

$("body").append($.load("longstuff.html");

我该怎么做？但重要的是html代码可以在标签之间留出空间。

Answer 1

您可以使用：

$.get('longstuff.html', function(data) {
    $('body').append(data);
}, 'html');

但是，如果您总是/经常需要HTML并且它是静态的，那么存储它而不通过AJAX加载它的常用方法是使用脚本标记：

<script type="text/html" id="long-stuff">
    <!-- simply put your HTML here -->
</script>

然后，您可以通过$('#long-stuff').html()

访问它

根据您要执行的操作，其他选项只是将HTML放在它所属的位置，然后使用style="display: none;"隐藏它，然后再隐藏.show()。

Answer 2

$。get（'longstuff.html'，function（data）{data = data.replace（/＆gt; 此代码可以删除html代码中的所有空格，并将html代码附加到现有的body标签中。感谢所有的人。

如何附加长html代码？

2 个答案: