www.BCZJ.com【编程之家】 >> 网页制作 >> 网页自适应不同浏览器和分辨率

网页自适应不同浏览器和分辨率

www.BCZJ.com【编程之家】 www.bczj.com admin 2007-2-22 14:02:54

< /script>

分辨率问题

解决分辨率问题在Dreamweaver中没有此项功能,我们只能手动加入一段Javascript代码。首先在change-ie.html或change-nc.html页面代码中的< head>和< /head>中加入以下代码:

< script language=JavaScript>

< !--

function redirectPage(){

var url800x600=″index-ie.html″; //定义两个页面,此处假设index-ex.html和1024-ie.html同change-ie.html在同一个目录下

var url1024x768=″1024-ie.html″;

if ((screen.width==800) && (screen.height==600)) //在此处添加screen.width、screen.height的值可以检测更多的分辨率

window.location.href="http://ent.omeweb.com/book/content/2005/12/ url800x600;else if ((screen.width==1024) && (screen.height==768))

window.location.href="http://ent.omeweb.com/book/content/2005/12/url1024x768;else window.location.href=url800x600;

}

// -->

< /script>

然后再在< body…>内加入onLoad=″redirectPage()″

< script language=JavaScript>

< !--

var w=screen.width

var h=screen.height

document.write(″系统已检测到您的分辨率为:″);

document.write(″< font size=3 color=red>″);

document.write(w+″×″+h);

document.write(″< /font>″);

document.write(″正在进入页面转换,请稍候…″);

// -->

< /script>

最后,同样地,在< body>和< /body>之间加入以下代码来显示网页的工作信息:

好了,一切工作完成,试一试效果,感觉不错吧?

责任编辑: 参与评论
【编程之家】版权所有 www.bczj.com 沪ICP备06025676号 QQ:382611662
Powered By: 上海驰志网络 3.0 Beta