如何使用jQuery将两个html包含在另一个html中

How to include two htmls into another html using jQuery

本文关键字：html 两个 包含 另一个 jQuery 何使用      更新时间：2023-09-26

我分别使用 d3.js 创建了一个条形图和一个饼图。现在我想使用 jQuery 将条形图和饼图调用到另一个 html 中。

$(document).ready(function() {
    console.log("ready!");
    $("#piediv").load("file:///usr/local/d3/samplepi.html"); 
    $("#bardiv").load("file:///usr/local/d3/bar.html"); 
});

<body> 
    <div id="piediv"></div>
    <div id="bardiv"></div>
</body>

但是我面临一个错误，即，

NS_ERROR_DOM_BAD_URI：拒绝
访问受限 URI ...It（v），b=Zt（v），_=It（d），w=Zt（d），S=It（m），k=Zt（m），E=It（y），A=Zt（y）;p.forEach（function...
d3.v3.min.js（第 1 行）

我怎样才能摆脱这个问题。任何人都可以就此问题提出建议吗？

提前致谢

不能加载文件系统路径文件，而应使用相对/绝对路径。

所以对这个很感兴趣：

$("#piediv").load("file:///usr/local/d3/samplepi.html");

应该像这样尝试：

$("#piediv").load("/usr/local/d3/samplepi.html");

"/usr/local/d3/samplepi.html"这将是您遵循的文件夹结构的相对路径。

注意：

要查看.load()工作，您应该设置一个 Web 服务器，因为它在内部使用 ajax 进行加载。

每个 HTML 使用 2 个 iframe？1 个。根据需要使用 css 设置 iframe 的样式。

<body>
    <iframe src="graph1.html"></iframe>
    <iframe src="graph2.html"></iframe>
</body>
相关文章：