如何将HTML页面包含到另一个没有frame/iframe的HTML页面中？
要将一个HTML页面包含到另一个没有frame/iframe的HTML页面中，可以使用JavaScript和AJAX技术。以下是一个简单的示例：
- 首先，创建一个HTML文件，例如
index.html，并添加一个div元素，用于加载其他HTML页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主页面</title>
</head>
<body>
<div id="content"></div>
<script src="loadPage.js"></script>
</body>
</html>- 接下来，创建一个JavaScript文件，例如
loadPage.js，并编写以下代码：
const loadPage = (url, callback) => {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
if (xhr.readyState === 4 && xhr.status === 200) {
callback(xhr.responseText);
}
};
xhr.open('GET', url, true);
xhr.send();
};
const insertPage = (url) => {
loadPage(url, (html) => {
const content = document.getElementById('content');
content.innerHTML = html;
});
};
// 调用insertPage函数，传入要加载的HTML页面的URL
insertPage('pageToLoad.html');- 最后，创建一个HTML文件，例如
pageToLoad.html，并添加一些内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>要加载的页面</title>
</head>
<body>
<h1>这是要加载的页面</h1>
<p>这是页面的内容。</p>
</body>
</html>现在，当您打开index.html页面时，它将加载pageToLoad.html页面的内容，并将其插入到index.html页面的div元素中。这样，您就可以在不使用frame/iframe的情况下将一个HTML页面包含到另一个HTML页面中。
相关·内容
这似乎是一个隐藏的因素。
是否有任何方法可以通过拖放文件对话框导入到google窗体。
浏览 0提问于2019-06-14得票数 2
回答已采纳
1回答
我正在尝试将函数返回的visNetwork对象嵌入到html中，但到目前为止我还没有成功。get_plot <-function() nodes <- data.frame(id = 1:3) visNetwork::visNetwork(nodes,
浏览 1提问于2018-08-20得票数 0
回答已采纳
让我解释一下这件事的目的。我正在使用一些CMS，我试图用我自己的php脚本定制它，我用IFRAME嵌入到主页。我的php脚本返回一些链接，我想打开外部的IFRAME -作为其他CMS块在主页上的一部分。这个想法是针对(来自我的php脚本) CMS块的div，它已经显示了一些数据。这有可能吗？
浏览 5提问于2014-07-19得票数 0
回答已采纳
2回答
我想包含一个使用js-libraries的HTML页面。我尝试运行的示例是中包含的demo.html。这是我的html面板：myHtmlPanel.setHTML(MyHtmlResource.INSTANCE.getIntroHtml().getText());import
浏览 0提问于2016-11-27得票数 0
2回答
我已经创建了两个网页，一个包含另一个在一个iframe。我想通过javascript从父页面滚动嵌入的页面。('go');
父网页html：<body>. <iframe i
浏览 9提问于2013-05-29得票数 12
回答已采纳
1回答
(名字，主题和评论)和把它放在一个iframe.<iframe name="forum" src="forum.**SomeKindOfExtension**" 希望您能看到我的问题，那就是--将读取何种类型的文件--将读取表单数据，将其显示在iframe窗口中？所以如果有人能帮我的话，我会非常感激<e
浏览 2提问于2011-11-16得票数 0
这是我的观点<%= form_for(:img, method: "post", url:{action: "printer"},:target => "frame") do |f| %>
<input type="hidden" id="image_attach" name="
浏览 0提问于2014-03-04得票数 0
7回答
查看一下在我自己的订单中嵌入3D安全页面的选项，我发现了以下内容：谁能告诉我为什么iframe不那么安全，会导致问题，而不是普通的框架？它们的基本区别是什么？
在我看来，iframe是最好的选择。
浏览 38提问于2009-07-03得票数 105
回答已采纳
我的html没有显示我写的任何内容。我试图实现的目标是在右边的" div“上做一个按钮，从左边div上的5个spawn中随机生成一个笑话。问题是，我不知道如何创建一个函数来使按钮产生一个笑话。笑话是在一个单独的html中，当您加载html时，我将使用它来替换左侧div中的默认html。我很抱歉，如果这真的是语无伦次<e
浏览 2提问于2013-07-25得票数 0
I want to find a page-object for an Iframe that is inside div element.<html><div name=first> </iframe><div name=second>
浏览 29提问于2016-09-19得票数 2
在我的html页面中(file:///C:/Users/NEC/Desktop/test.html)有javascript变量(或输入文本字段)和调用其他主机的iframe (本地主机:8081/TProject在test.html中
<iframe src="localhost:8081/TProject&#x
浏览 0提问于2014-02-13得票数 0
5回答
我有两个不同的应用程序有不同的域，想要使一个网站，它显示在一个单一的page.Without使用Iframe的两个网站。
浏览 0提问于2010-01-06得票数 0
1回答
我正在工作的电子邮件爆炸创建者应用程序，允许用户建立和发送HTML电子邮件。用户可以输入一些数据，从列表中选择一个模板，单击预览，无需刷新即可在当前页面中查看结果页面。我使用AJAX POST请求将数据提交到服务器，并获得结果HTML代码-带有<html>、<head>和<body>标记的完整页面。在HTML5之前，我会将生成的页面插入到<
浏览 1提问于2011-05-21得票数 1
我想在HTML页面中包含一个HTML页面。有可能吗？我不想在PHP中这样做，我知道在PHP中，我们可以使用include来解决这种情况，如果不使用iframe和frame的概念，我如何才能在纯HTML语言中实现同样的效果呢？
浏览 30提问于2009-03-24得票数 59
回答已采纳
我有一个具有专门用途的HTML网页。但是，我也有一个HTML页面，其中包含在我的站点/应用程序中其他地方使用的一组通用操作。专用页面 <head><title>Specific Page</title></head> <h1>My Specific Action</
浏览 1提问于2012-09-24得票数 0
1回答
这可能是不可能的，但我正在寻找一种不同的方式来包括一个PHP页面内的完整页面。目前我使用的方法是iframe。由于某些原因，我们想要远离iframed方法，而是寻找替代方法。问题是，iframe为子页面提供了一个很好的自包含环境。PHP includes是不可行的，因为当您将其包含到父页面中时，子页面上的整个路
浏览 0提问于2011-08-11得票数 0
我想将iframe中表格的内容移动到iframe外的另一个表格中，反之亦然，只需点击复选框。我有page1.html和page2.html<table border="1px" id="list1"> <tr>
<th
浏览 0提问于2018-02-21得票数 2
2回答
我看过一些关于访问iframe内部数据的文章，所以在在iframe中加载的页面中有这样一个表：<table class="table">...</table>我怎样才能用jQuery做到这一点呢？更新：<div id="test"&g
浏览 4提问于2012-09-22得票数 1
回答已采纳
但我意识到，当元素被包装在框架中时，我不能简单地这样做： {} 所以，我应用了这个方法("elementHandle.contentFrame$('frame');} 有人能给我解释一下它背后<em
浏览 92提问于2021-10-07得票数 0
我的项目中有一个旧的JSP页面。我需要将这个页面包含到我的新页面中，在这里我的新UI端是完整的EmberJS。我试过的东西
我使用ajax调用从JSP获得呈现的HTML，并尝试使用{ var }} handlebar呈现，但是页面中有很多脚本。他们不会被分析或处决。如何将页面加载到iframe</e
浏览 4提问于2017-02-27得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
