让网页适应不同的浏览器和分辨率2
时间:2007-02-17 来源:PHP爱好者
??
??
图2
?? < 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= url800x600;
?? else if ((screen.width==1024) && (screen.height==768))
?? window.location.href=url1024x768;
?? else window.location.href=url800x600;
?? }
?? // -->
?? < /script>
?? 然后再在< body…>内加入onLoad=″redirectPage()″
?? 最后,同样地,在< body>和< /body>之间加入以下代码来显示网页的工作信息:
?? < 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>
?? 好了,一切工作完成,试一试效果,感觉不错吧?你也可以来访笔者的主页http://www.jixie2000.yes8.com/看一下效果,但只是看效果呦,至于页面请不要见笑!呵呵……
php爱好者站 http://www.phpfans.net c/vc/c++/java.