最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
iframe自适应宽度、高度 ie6 7 8,firefox 3.86
时间:2010-07-30 编辑:简简单单 来源:一聚教程网
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.网页特效,然后再前台页面中调用:
------------------------------------------------------------------------
------------------------------------------------------------------------
或者 去掉脚本中最后的 return false,前台:
------------------------------------------------------------------------
网页特效:append('favorite/favorites.html')" class="li1">
------------------------------------------------------------------------
*/
-
上一个: jquery 图片轮换效果代码
-
下一个: js动态调用CSS文件代码
相关文章
- Iframe根据内容自适应高度和宽度 03-15
- iframe高度自适应代码分享,本人做项目经常用到的 11-04
- 解决iframe高度自适应各种方法 10-19
- div高度自适应方法总结 02-20
- iframe自适应高度实现代码 12-12
- div 使用float后自适应高度无效解决办法 10-16