如何在一个html页面中嵌入多个iframe并实现table样式布局?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在一个html页面中嵌入多个iframe并实现table样式布局?相关的知识,希望对你有一定的参考价值。

要显示成五行三列我已用table控制了,但现实成上面图的样子了

在一个html页面中嵌入多个iframe并实现table样式布局可以通过:
1.设置iframe的rows和cols将这个iframe设置成多少列,行,我这里上代码,

<frameset rows="60,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="<?php echo STIE_PATH; ?>/top.php" name="topFrame" scrolling="no">
<frameset cols="180,*" name="btFrame" frameborder="NO" border="0" framespacing="0">
<frame src="<?php echo STIE_PATH; ?>/left.php" noresize name="menu" scrolling="yes">
<frame src="<?php echo STIE_PATH; ?>/right.php" noresize name="main" scrolling="yes">
</frameset>
</frameset>
<noframes>
<body>您的浏览器不支持框架!</body>
</noframes>
需要注意的是:必须都写在body 的前面,不然无法设置。
参考技术A 是不是因为iframe的高宽设置问题?看看iframe的属性设置了哪些,为什么用table控制,直接frameset不行嘛?

在一个页面中嵌入另一个页面使用iframe,但是被嵌入页面需要通过request传递参数应该如何实现?

参考技术A 不清楚你是不是说的jsp里边的参数传递
如果你要在两个静态父子对象的页面传递参数,你可以用parent来得到
是这么做的:
parent.html中设置一个hidden控件id为xx_info(正常用时style="display:block;改成style="display:none;)
<body>
<div id=top>
<div align='center'><font size='6' color='blue'>设置</font>
<textarea style="display:block; height:30px; width:100%;" id="xx_info">b</textarea>
</div>
<div id=topx align='right'>
<samp id=myzhangwu>
欢迎:<span class="zt2s"> 
</samp>
</div>
</div><!---->
被嵌套的iframe页面child.html
<script>
function sub_cmy()
parent.document.getElementById('xx_info').innerHTML='adfasdfasdf';


function back_1()
history.go(-1);

</script>

<body>
<div class="section_w cityMap">
<div id="map"> <a name="mc"></a>
<div class="xlcd2"> <br/>

   <button onClick="sub_cmy()">提 交
</div>
</body>本回答被提问者和网友采纳
参考技术B request.setAttribute(" name","123 ");
保存在request中。其它页面也可以获得request.getparameter("name")
参考技术C 分给我吧,反正没人会回答,虽然我也不懂

以上是关于如何在一个html页面中嵌入多个iframe并实现table样式布局?的主要内容,如果未能解决你的问题,请参考以下文章

如何在一个html页面内的div里嵌入一个html页面

iframe如何自动随嵌入另一网站页面内容高度的变化页变化呢

为啥iframe嵌入页面字号比原始页面字号的要小

HTML,VUE,嵌入iframe,实现iframe的100%高度和宽度,代码分享

Vue中 使用 iframe 嵌入本地 HTML 页面 并 相互通信

Vue中 使用 iframe 嵌入本地 HTML 页面 并 相互通信