从另一个html文件加载html片段

Loading a html snippet from another html file

本文关键字：html 片段 加载 文件 另一个      更新时间：2023-09-26

我想要有一个外部的.html文件，我将从中以编程方式加载片段，并在运行时将它们插入文档中。我在index.html

中是这样做的
<head>
   <link rel="import" href="html/html_snippets.html">
</head>

这是html_snippets.html文件

的示例内容
<div id="asd">
   <some stuff here>
</div>

加载完所有内容后，像这样加载代码片段

var friendSnippet = $("#asd").html();

我现在面临的问题是，我在循环中使用jQuery代码，它运行了几次，第一次它总是返回一个未定义的，但之后它很好。

为什么会这样?

可以使用jQuery .load()函数将html文件加载到页面的某个元素中。

$("#destinationElement").load("path/to/file.html");

这个可以解决这个问题。

相关文章：