返回首页

让框架随屏幕分辨率不同而自动调整

时间:2009-01-15 11:16来源:未知 作者:admin 点击:
系统中经常要使用iframe来改善用户体验,但是客户的显示器大小五花八门,从而带来了新的问题:框架因显示器分辨率不同而呈现给用户的结果不同。更糟糕的是用户因分辨率不同而无法使用框
  ifram自适应屏幕分辨率代码

以下为引用的内容:
<iframe src="test.asp" width="100%" frameborder="0" scrolling="no" name="hj" id="hj"></iframe>

test.asp页面head间增加如下JS代码

<SCRIPT LANGUAGE="JavaScript">

function f_frameStyleResize(targObj){

var targWin = targObj.parent.document.all[targObj.name];

if(targWin != null) {

var HeightValue = targObj.document.body.scrollHeight

if(HeightValue < 600){HeightValue = 600}

targWin.style.pixelHeight = HeightValue;

}

}

function f_iframeResize(){

bLoadComplete = true; f_frameStyleResize(self);

}

var bLoadComplete = false;

window.onload = f_iframeResize;

</SCRIPT>

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码: