h5同一个页面怎么嵌套多个页面的方法

1、可以对h5页面进行嵌套的方法有好几种，但可能说多了对选择有困难的同学来说反而不是好事，又要去比较各种的好坏，纠结倒底要使用哪一种比较好。所以干脆这里我就只提一种嵌套的方法：iframe

2、iframe = inline + frame即内联框架的意思。它的作用就是把其它页面内联到本页面中来。使用方法如下：

<iframe src="b.html" id="sub_frame"></iframe>

通过上面的代码就把b页面嵌套进本页面中了。如下图：

3、iframe的name属性：

通过iframe的name属性可以为为内联框架窗口指定名字，当要让一个超链接所对应的页面要在指定的内联框架中打开时，可以使用以下代码：

<a href="b.html" target="abc">...</a>

这样b.html页面就会在名为abc这个iframe中打开。

4、自适应高度的iframe：

JS自适应高度，其实就是通过代码来设置iframe的高度，使内联框架的高度等于内嵌网页的高度，从而使用户看不出来滚动条和嵌套痕迹。可以参考以下代码：

var bHeight = iframe.contentWindow.document.body.scrollHeight; 

var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; 

var height = Math.max(bHeight, dHeight); 

iframe.height = height;

5、iframe常用属性：

name：内联框架的名称 width：内联框架的宽度(可指定像素值或百分比) height：内联框架的高度(可指定像素值或百分比) frameborder：内联框架的边框 scrolling：当内嵌页面超出内联框架的范围时，是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示) src：内联框架中内嵌文件的URL（可以是相对路径或绝对路径）allowtransparency：是否允许透明 

还有一些属性没有提到，应用相对较少，如有兴趣，可以去官方文档进行查阅。

6、看懂上面的知识后，你应该能够使用iframe进行页面的嵌入工作了。不过具体的一些样式和效果肯定还需要大家通过实践不断的去调试才能化为自己的理解。

有些浏览对一个样式的效果也可能有所区别。希望大家都能够写出自己和客户都满意的页面效果。