iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010-07-29 00:00
645 查看
废话不多说,贴上代码,也算是自己的一个代码存储。
嘿嘿,其中,最后设置自适应宽高的,其实可以提出来成为一个函数来调用。
这个我没去那么做,有看到文章的朋友,可自行封装。
其中,还有一些不太方便的,比如我每次建立的iframe必须不同的名字和id,即时删除原来已经创建的也不行……
还是希望大家多多指教吧。
var temp_iframe var content = document.getElementById('right'); //id为 right的DOM容器中,进行创建iframe和宽高自适应 var c = 0; function append(filename) { var the_iframe = "helpfile" + c; temp_iframe = document.createElement("iframe"); temp_iframe.src = filename; temp_iframe.scrolling = "no"; temp_iframe.setAttribute("frameborder", "0"); temp_iframe.id = the_iframe; temp_iframe.name = the_iframe; scroll(0, 0); content.innerHTML = ""; content.appendChild(temp_iframe); if (document.all) { temp_iframe.attachEvent('onload', function() { temp_iframe.setAttribute("width", window.frames[the_iframe].document.body.scrollWidth); //自适应宽 temp_iframe.setAttribute("height", window.frames[the_iframe].document.body.scrollHeight); //自适应高 }); } else { temp_iframe.addEventListener('load', function() { temp_iframe.setAttribute("width", window.frames[the_iframe].document.body.scrollWidth); temp_iframe.setAttribute("height", window.frames[the_iframe].document.body.scrollHeight); }, false); } c++; return false; } /*调用方法 把此脚本另存为脚本文件:iframe.js,然后再前台页面中调用: ------------------------------------------------------------------------ <a href="index.html" onclick="return append('xxxx.html')" class="li1"> <div id="right"></div> <script type="text/javascript" src="iframe.js"></script> ------------------------------------------------------------------------ 或者 去掉脚本中最后的 return false,前台: ------------------------------------------------------------------------ <a href="javascript:append('favorite/Favorites.html')" class="li1"> <div id="right"></div> <script type="text/javascript" src="iframe.js"></script> ------------------------------------------------------------------------ */
嘿嘿,其中,最后设置自适应宽高的,其实可以提出来成为一个函数来调用。
这个我没去那么做,有看到文章的朋友,可自行封装。
其中,还有一些不太方便的,比如我每次建立的iframe必须不同的名字和id,即时删除原来已经创建的也不行……
还是希望大家多多指教吧。
相关文章推荐
- iframe自适应高度(IE6、IE7、fireFox下测试通过 必须统一域下)
- iframe自适应高度(IE6、IE7、fireFox下测试通过)
- //iframe自适应高度[在IE6 IE7 FF下测试通过]
- iframe 自适应高度[在IE6 IE7 FF下测试通过]
- iframe 自适应高度[在IE6 IE7 FF下测试通过]
- iframe在ie9 ie8 ie7 ie6 360 firefox中自适应高度
- iframe 自适应高度 IE Firefox 通过
- 解决iFrame自适应高度(兼容IE6,IE7与FireFox)
- iframe高度自适应(IE6+、FF、Opera、Chrome等测试通过)
- iframe自适应高度(简单经典)兼容ie6-ie9 ,firefox,opera,chrome
- 经典代码 iFrame 自适应高度【在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。 】
- iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试
- Ifrme自适应高度的问题 IE FireFox Opera Netscape下均测试通过
- 本方法只需要设置一个GridView的宽度,其它宽度不需要设置。测试环境:IE6,Firefox通过。
- iframe自适应高度的超精简方法 IE6/7/8/9 & FF经测试完全通过
- iframe高度自适应(IE6+、FF、Opera、Chrome等测试通过)
- iframe高度自动调整(通过IE,firefox,opera测试)
- javascript跨Iframe遮罩层.(IE6 IE7 IE8 FF测试通过)
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)[转]