iframe布局

使用环境

虽然现在阶段出现了很多框架布局，如：ajax异步、VUE等一些新型框架的组件式开发，但是在页面不是特别多的情况下使用iframe布局也是不错的选择。

代码结构

view
|
|—main.html
|—view1.html
|—view2.html
|
index.html

关键代码

  //  index.html
  <div class="nav">
     <a href="./view/view1.html" target="content">view1</a>
     <a href="./view/view2.html" target="content">view2</a>
  </div>

  <iframe name="content" frameborder="0" src="./view/main.html"></iframe>