Question

我有主要的HTML文档：

<html><head></head>
<body>
    <div id="content">
    </div>
</body>
</html>

我还有一个内容文件（不是html文档，只是html代码）：

<div class="CodeRay">
<div class="code"><pre><span class="no">   1</span> require
....
</pre></div>

我想将内容文件添加到html文档中，如下所示：

<html><head></head>
    <body>
        <div id="content">
            <div class="CodeRay">
            <div class="code"><pre><span class="no">   1</span> require
            ....
            </pre></div>
        </div>
    </body>
</html>

如何使用jQuery完成此任务？此外，我需要运行这个网站localy。感谢。

编辑：本地意味着“file：/// E：/Work/ReadTheCode/main.html”

Answer 1

使用jQuery的.load()函数。代码可能看起来像这样：

$(document).ready(function(){
  $('#content').load('contentFile.html');
});

如果您需要更多信息，here is the link到jquery的加载文档。

Answer 2

你可以使用这样的东西：

$('#result').load('ajax/test.html');

请参阅：http://api.jquery.com/load/

如何使用jQuery从文件添加内容？

2 个答案: