HTML 追加异步

HTML appending Async

在我的 html 文件中,我想附加另一个 html 文件,我希望它是异步的,这样用户就不必等待。

html 文件的结构

第一行

第二行

调用从 cdn 获取 html 文件并将其附加到当前 html 以供浏览器显示的函数。

如果有人展示了如何在 cdn 文件到来之前锁定基础 html 也会很有帮助。

查看 jquery 的加载函数 (http://api.jquery.com/load/)

基本上,在您当前的 html 中,您将拥有:

<div id='container'></div>

然后在javascript/jquery:

$('#container').load( "anotherfile.html", function() {
 console.log("load was performed"); 
});

这会将 anotherfile.html 的内容放入容器 div。

请注意,如果您不在网络服务器上,将无法执行此操作。因此,如果您在本地使用 file:// 执行此操作,那么它将不起作用。这仅在 http://

下有效