gpt4 book ai didi

jquery - 真正的客户端 HTML 包括

转载 作者:太空宇宙 更新时间:2023-11-04 13:38:18 25 4
gpt4 key购买 nike

HTML 不支持客户端包含其他 HTML,例如使用 #include 指令获取 C。相反,用于客户端 HTML 包含的主要工具似乎是 iframeobject,尤其是 jQuery 的 .load。参见 this thread例如。

不幸的是,这些方法似乎都无法生成与从 #include 获得的 DOM 完全相同的 DOM。特别是 iframeobject 将包含的内容包装在各自的标签中。此外,示例线程中提出的 jQuery 解决方案仍然会生成带有额外 div 的 DOM。

例如,考虑线程的 jQuery 解决方案:

a.html:

<html> 
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("#includedContent").load("b.html");
});
</script>
</head>

<body>
<div id="includedContent"></div>
</body>
</html>

b.html:

<p> This is my include file </p>

这将创建一个 DOM,其中正文部分如下所示:

<body> 
<div id="includedContent">
<p> This is my include file </p>
</div>
</body>

但是真正的 #include 不会包含包装 div,所以 DOM 看起来像:

<body> 
<p> This is my include file </p>
</body>

知道如何在没有包装器标签的情况下进行客户端包含吗?

编辑:我不想假设知道周围的标签。例如,在这种情况下,周围的标记是 body,但并非在所有情况下都是。

最佳答案

我写的一个库的无耻插件解决了类似的问题。

https://github.com/LexmarkWeb/csi.js

<div data-include="/path/to/include.html"></div>

上面的代码将获取 /path/to/include.html 的内容并用它替换 div

关于jquery - 真正的客户端 HTML 包括,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18908531/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com