辛辛苦苦做好一个网页,自己怎么看怎么高兴,而待到网页发布时,突然有人反映网页不是太大就是太小,原来的那种恰到好处的感觉荡然无存,仔细追究下来,原来却是显示设置犯的错。
虽然时下网页设计师们的电脑都是跑在1024×768的显示设置下的,当然,现在买的电脑显示器,都是支持1024×768的显示效果。但是,不见得人人都会把显示设置成1024。况且,显示器是一个很难才被淘汰的硬件,有不少人装新的电脑也不那么舍得换显示器,所以一些人的显示器还是会工作在800×600的那一种模式,1024×768,800×600就是现在显示设置的主流。网页存放在网络上,来自四面八方的人有不同的显示设置,所以就出现了开头的一幕,有什么方法才能给网页全真展示呢?嘿嘿,只要一句短短的JavaScript语句就可以做得到。
首先,我们已经备好了两份量身定做的网页材料,一份是1024×768用户选用的1024.htm,另一分是800×600用户选用的800.htm。然后呢,我们还要一份识别浏览者显示设置的页面,通常网页默认的主页是index.htm,那么,用它来作为一个过滤分流器就是再恰当不过的了。
这里的index.htm因为承担的任务只是导向浏览者到适合他们观看的网页,所以就不用操心它应该得做成什么样了,只要在网页HTML代码中的与之间加入以下代码即可:
<SCRIPT language=Javascript> <!-- if(screen.width == "800") { location="800.htm" } <!-使用JavaScript判断如果显示设置为800×600,那么就为浏览者装载800.htm这一页面-> else if (screen.width == "1024") { location="1024.html" } <!-判断如果显示设置为1024×768,那么就为浏览者装载1024.htm这一页面-> else { location="1024.htm" } <!-如果显示设置为800×600,1024×768以外的,那么就为浏览者装载1024.htm这一页面,毕竟1024以上的显示设置比较有可能-> //--> </SCRIPT>
icech提示:使用的时候要将 < 和 > 替换成半角的。
|