一个HTML文件中有多个不同的页面

pap*_*jam 14 html

有没有办法在一个HTML文件中包含多个不同的HTML页面?例如,假设我有一个包含两个页面的网站:

Page 1 : click here for page 2
Run Code Online (Sandbox Code Playgroud)

Page 2 : click here for page 1
Run Code Online (Sandbox Code Playgroud)

我是否可以创建一个HTML文件,为两个页面嵌入简单的静态HTML,但一次只显示一个?我的实际页面当然更复杂的图像,表格和javascript来扩展表格行.我宁愿避免太多的脚本代码.谢谢!

Guf*_*ffa 32

嗯,你可以,但你可能只想在同一页面中有两组内容,并在它们之间切换.例:

<html>
<head>
<script>
function show(shown, hidden) {
  document.getElementById(shown).style.display='block';
  document.getElementById(hidden).style.display='none';
  return false;
}
</script>
</head>
<body>

  <div id="Page1">
    Content of page 1
    <a href="#" onclick="return show('Page2','Page1');">Show page 2</a>
  </div>

  <div id="Page2" style="display:none">
    Content of page 2
    <a href="#" onclick="return show('Page1','Page2');">Show page 1</a>
  </div>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

(简化的HTML代码,当然应该有doctype等)