如果何能使iframe的大小随着它包含的网页里面的table大小变化而变化?急切!!!
A :
例如,怎样使iframe的高度和宽度 随着table的高度和宽度 改变而改变?如下: Main.htm <html> <body> <div> <iframe name=mm src=”detail.htm” width=”变数” height=”变数” </iframe> </div> </body> </html> detail.htm <html> <body> <table width=”变数” height=”变数” border=0 bgcolor=red> <tr><td></td></tr> </table> </body> </html> 急切,请高手快指点!!!! --------------------------------------------------------------- main.htm <html> <body> <div> <iframe id=frmDetail scrolling=no name=mm src="detail.htm" style="width:expression(this.contentWindow.document.all.tblDetail.width);height:expression(this.contentWindow.document.all.tblDetail.height)"></iframe> <button onclick="with(document.all.frmDetail.contentWindow.document.all.tblDetail){width=offsetWidth+1}">+</button> <button onclick="with(document.all.frmDetail.contentWindow.document.all.tblDetail){width=offsetWidth-1}">-</button> </div> </body> </html> detail.htm <html> <body leftmargin=0 topmargin=0> <table id=tblDetail width=100 height=100 border=0 bgcolor=red> <tr><td></td></tr> </table> </body> </html> --------------------------------------------------------------- 稍微变通一下就是啦. main.htm <html> <body> <div> <iframe id=frmDetail scrolling=no name=mm src="tb.htm" onload="style.width=this.contentWindow.document.all.tblDetail.offsetWidth;style.height=this.contentWindow.document.all.tblDetail.offsetHeight"></iframe> </div> </body> </html> tb.htm <html> <body leftmargin=0 topmargin=0> <table id=tblDetail width=100 height=100 border=0 bgcolor=red> <tr><td> dddddddddddddddddddddddddddddddddddddddddddddddddddddddd </td></tr> </table> </body> </html> --------------------------------------------------------------- test.asp <% url=Request.QueryString("url") %> <body onload="document.all.ifId.style.width=parseInt(ifId.document.getElementsByTagName('table')[0].width)+20"> <iframe name=ifId id=ifId src="<%=url%>"></iframe> <br> <a href=2.asp?url=1.asp>1.asp</a> <br> <a href=2.asp?url=2.asp>2.asp</a> 1.asp <table width=500> <tr><td> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </table> 2.asp <table width=200> <tr><td> aaaaaaaaa </table>
A :
例如,怎样使iframe的高度和宽度 随着table的高度和宽度 改变而改变?如下: Main.htm <html> <body> <div> <iframe name=mm src=”detail.htm” width=”变数” height=”变数” </iframe> </div> </body> </html> detail.htm <html> <body> <table width=”变数” height=”变数” border=0 bgcolor=red> <tr><td></td></tr> </table> </body> </html> 急切,请高手快指点!!!! --------------------------------------------------------------- main.htm <html> <body> <div> <iframe id=frmDetail scrolling=no name=mm src="detail.htm" style="width:expression(this.contentWindow.document.all.tblDetail.width);height:expression(this.contentWindow.document.all.tblDetail.height)"></iframe> <button onclick="with(document.all.frmDetail.contentWindow.document.all.tblDetail){width=offsetWidth+1}">+</button> <button onclick="with(document.all.frmDetail.contentWindow.document.all.tblDetail){width=offsetWidth-1}">-</button> </div> </body> </html> detail.htm <html> <body leftmargin=0 topmargin=0> <table id=tblDetail width=100 height=100 border=0 bgcolor=red> <tr><td></td></tr> </table> </body> </html> --------------------------------------------------------------- 稍微变通一下就是啦. main.htm <html> <body> <div> <iframe id=frmDetail scrolling=no name=mm src="tb.htm" onload="style.width=this.contentWindow.document.all.tblDetail.offsetWidth;style.height=this.contentWindow.document.all.tblDetail.offsetHeight"></iframe> </div> </body> </html> tb.htm <html> <body leftmargin=0 topmargin=0> <table id=tblDetail width=100 height=100 border=0 bgcolor=red> <tr><td> dddddddddddddddddddddddddddddddddddddddddddddddddddddddd </td></tr> </table> </body> </html> --------------------------------------------------------------- test.asp <% url=Request.QueryString("url") %> <body onload="document.all.ifId.style.width=parseInt(ifId.document.getElementsByTagName('table')[0].width)+20"> <iframe name=ifId id=ifId src="<%=url%>"></iframe> <br> <a href=2.asp?url=1.asp>1.asp</a> <br> <a href=2.asp?url=2.asp>2.asp</a> 1.asp <table width=500> <tr><td> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </table> 2.asp <table width=200> <tr><td> aaaaaaaaa </table>
解决方案 »
- 兼职公司的网站被别人在谷歌上恶意点击(关键词广告),咋办?
- jquery构造表格数据,以json类型POST
- javascript判断是否IE的最简短代码
- 正则的字母数字和减号怎么表示?
- 求助appendchild一个td,设置其属性的问题
- 一个效果的实现,请教!
- 急请高手救火---在IE中可以运行但NS中却不行,
- 请问JAVASCRIPT中连接SQLSERVER数据库的语句应该如何写?
- 我在IE浏览器里面点击任何链接,都没反应, 怎么办啊! 急!!!在线等待
- 有一表单,按提交按钮后,将表单中的NAME,ADDRESS,PHONE等填写的内容在一弹出出的对话框中显示
- 有...人...能...帮...我...吗... 如何获得网页上指定控件的值
- 怎样得到表单里面控件名称和相应的值?(100分)
A :
有这样的代码: <iframe frameborder="0" scrolling="no" src="body.htm" width="778" height="710" name="m_body"></iframe> 如何在body.htm里改变<iframe>的高度! --------------------------------------------------------------- <body onload="parent.document.all.m_body.style.height='4000'">
A :
秋水无痕: <script language="javascript"> function toppage() { if (self.location!=top.location)frameElement.height=document.body.scrollHeight + 30; } </script> <body onload="toppage()"> frameElement地用法,可见 http://www.blueidea.com/bbs/newsdetail.asp?id=442170 但frameElement只有在IE5.5以上支持。 根据秋水的提示,我在看了 http://www.blueidea.com/bbs/newsdetail.asp?id=340771 后知道了完美的解决办法。 <script language="javascript"> <!-- function toppage() { if (self.location!=top.location) { parent.document.all(self.name).height=document.body.scrollHeight + 30; } } --> </script> <body onload="toppage()"> IE5.0测试通过,IE4没法试了,不过还用IE4的非常少了,基本可以不考虑。
A :
如何在打开这个页面时得到这个页面的高度? 一个框架面面,包含三个页面 头,左,右三个页面 右面的页面是主显示区会有滚动条,如何让整个框架页有滚动条,而不是单个页面出滚动条。 --------------------------------------------------------------- <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> <title>用 iframe 模拟 frame 使网架网页能够居中</title> </head> <body topmargin=0 leftmargin=0><center> <table border=0 width=780 height=100% cellspacing=0 cellpadding=0 align=center> <tr><td width=780 colspan=2 height=100> <iframe width=100% height=100% frameborder=1></iframe> </td></tr> <tr> <td width=180> <iframe width=100% height=100% frameborder=1></iframe> </td> <td width=600 valign=top><div style="height: 100%"> <iframe width=100% height=100% name="MzMain" frameborder=1 id="MzMain" src="用iframe模拟frame子页.htm"></iframe> </div></td> </tr> </table> </center></body></html> 用iframe模拟frame子页.htm <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.com'> <title>iframe 自适应其加载的网页(多浏览器兼容)</title> <script language=javascript> function iframeAutoFit() //author: meizz(梅花雪 20041225) { if(self!=top && window.name=="MzMain") //这个 name 对应的是 iframe 的 name { var iframe = parent.document.getElementById(window.name); if(iframe) { iframe.parentNode.style.height = iframe.style.height; iframe.style.height = 10; var h = document.body.scrollHeight; var minimalHeight = parseInt((window.screen.width*11)/16, 10) - 280; h = h<minimalHeight ? minimalHeight : h; if(window.navigator.appName == "Microsoft Internet Explorer" && iframe.frameBorder=="1") h += 4; iframe.parentNode.style.height = iframe.style.height = h; } else alert("Iframe's id unequal to iframe's name!"); } } if(document.attachEvent) window.attachEvent("onload", iframeAutoFit); else window.addEventListener('load', iframeAutoFit, false); </script> </head> <body> <span style="width: 300; height: 400; background-color: yellow"> iframe 自适应其加载的网页(多浏览器兼容) </span> </body> </html>
window.onload =function(){
parent.document.getElementById("iframeID").width=document.body.scrollHeight;
}