Question

我想将其他HTML页面中的特定内容添加到我的主HTML中。我正在尝试使用.load by jquery它是工作但只在firefox中运行，我想要一些适用于其他浏览器的方法，如chrome。我有两个HTML我想将id = 2的div从第二个html插入到第一个HTML到div的id = ok？请你帮助我好吗？主HTML：

<html>
<head>
    <title></title>
</head>
<body>
<div id="ok"></div>
</body>
</html>

第二个html：

<html>
<head>
    <title></title>
</head>
<body>
<div id="1">one</div>
<div id="2">two</div>
<div id="3">three</div>

</body>
</html>

Answer 1

您正在寻找所谓的AJAX。这可以通过纯JS实现，或者在我看来更容易使用JQuery。

AJAX Introduction

Answer 2

您可以使用ajax调用将文件作为文本加载。然后将获取的内容附加到所需的div中，并使用jquery包装器。

$.ajax({url: "second.html", success: function(result){
        $("#ok").append($(result));
    }});

当然它应该是文档就绪事件

我如何从另一个html文件加载我的主要HTML的一些内容？

2 个答案: