深入剖析HTML5内联框架iFrame_html5教程技巧

所谓的iFrame内联框架，我的理解就是在网页内部嵌套一个网页，并且可以一级一级地嵌套下去。

示例如下：

/*

示例由index.html和iframe1.html、iframe2.html、iframe3.html组成

*/

先上一张效果图，图片后面是完整代码。

点击后

完整代码如下

index.html

XML/HTML Code复制内容到剪贴板


 
 
 
 
 
 
 
  
 
  
 
 
 
 
 
index 
 
czp_2016のblog 
 

 
 
 
 
 



iframe1.html
XML/HTML Code复制内容到剪贴板


 
 
 
 
 
 
 
  
 
  
 
 
 
 
 
iFrame1 
 
czp_2016のblog 
 

 
 
 
 
 
 
 



iframe2.html
XML/HTML Code复制内容到剪贴板


 
 
 
 
 
 
 
  
 
  
 
 
 
 
 
iFrame2 
 
czp_2016のblog 
 

 
 
 
 
 
 
 



iframe3.html
XML/HTML Code复制内容到剪贴板


 
 
 
 
 
 
 
  
 
  
 
 
 
 
 
iFrame3 
 
czp_2016のblog 
 
 



貌似各主流网站没有采用这种布局的，应用范围也比较少了。
以上这篇深入剖析HTML5 内联框架iFrame就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
原文地址：http://www.cnblogs.com/czp2016/archive/2016/05/04/5450905.html