将 2 HTML 页合并为一个

Question

我有一个名为 page1.html 的网页，带有按钮 A

我想在单击按钮 A 而不创建新文件的情况下在同一页面上显示 page2.html。

有办法吗？

Answer 1

你必须学习 JavaScript 才能管理此类操作。

这是一种方法...只有一个解决方案。

http://clicklinks.be/tutorials/javascript/prototype/page-loading/

我希望这是一个开始。

Answer 2

您可以使用 CSS 和 Javascript 使用 iframe 标签管理它，here's a demo fiddle :

HTML:

<input type="button" onclick="showPage()" value="show"/>
<iframe id="page2" src="http://jsfiddle.net/">
</iframe>

CSS:

#page2{
  width:400px;
  heigth:800px;
  display:none;
}

JS:

function showPage(){
console.log("ok");
var page2=document.getElementById("page2");
if(page2.style.display=="none")
    page2.style.display="block";
else 
    page2.style.display="none";
}

编辑：

根据我从您的一条评论中了解到的情况，如果您想在同一页面中使用 HTML 代码，那么您只需使用 div 而不是 iframe 并显示它，参见 this fiddle.

<div id="page2" >
  <p>This is an iframe containing new page</p>
</div>

将 2 HTML 页合并为一个

Merge 2 HTML Pages into One

html

javascript