当前位置:首页>> 网站建设知识>> 网站建设知识

全文搜索

精华导读

·网站知识:虚拟中的真实:虚拟主机应用初探
·如何做好互联网的策划
·自动分词与中文搜索引擎
·网页文章的优化
·网站的一些基础小知识
·把网站变成卖场
·细说选择.cn域名的七大理由
·网站性感域名十大原则
·大型商务网站的SEO优化误区
·导致搜索引擎收录困难的5种原因
·网站建设中meta标签之详解
·网页制作中Web网页安全色谱
·网页设计中HTML常范的五个错误
·如何建立网站地图(site map)
·网站建设时如何选购虚拟主机?
·中国国家顶级域名和国际域名有什么区别?
·企业建设网站域名可以使用哪些字?
·建设网站时企业如何准备建网站资料?
·DIV+CSS建立标准WEB网页的好处

最新发表

·asp.net(c#)生成汉字/汉语词组拼音的方法
·asp.net(c#)生成汉字/汉语词组拼音缩写的方法
·使用extjs将div浮动并实现鼠标拖放
·ASP实现文件直接下载
·关于CSS hack的思考
·纯CSS Tooltips
·CSS中float引起层飘出上级层的解决方案,清除浮动的好方法
·用CSS样式实现显示隐藏层方案
·用CSS按比例缩放图片
·绝对路径与相对路径祥解
·让文本框textarea自动适应内容的高度
·纯CSS Tooltips
·网页制作学习:虚线表格的制作方法
·超强超靓网页日历代码,网页特效
·极品万年历网页特效
·影响SEO的页面制作细节
·SEO实战:逃离Google补充材料的五个技巧
·如何提高网站的Google页面等级(PR值)
·论坛宣传网站的十二大绝招

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

文章来源:网站知识 文章编辑:admin 添加时间:2009-3-3 13:25:47

系统中经常要使用iframe来改善用户体验,但是客户的显示器大小五花八门,从而带来了新的问题:框架因显示器分辨率不同而呈现给用户的结果不同。更糟糕的是用户因分辨率不同而无法使用框架的某些功能。 


--------------------------------------------------------------------------------


解决办法:javascript动态调整,代码如下:

ifram自适应屏幕分辨率代码[www.cn-web.com]
<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>


[ ]

首页 评论 打印 刷新 返回顶部 关闭
【相关文章】  【相关评论】
JS经典源码:通用javascript脚本函数库
学习 javascript 注意的4个问题
内容拷贝增加版权信息的JavaScript代码
学习JS之简单语句的写法
JavaScript静态页面值传递:Cookie篇