JavaScript 根据屏幕解析度显示不同网页

80酷酷网    80kuku.com

  javascript|网页|显示为了增加网页的魅力,你也可以针对不同的屏幕解析度设计不同的网页。这样当使用者浏览你的网页时,就会配合屏幕解析度,自动显示出适合浏览的网页画面,不但帮助使用者省去调整荧幕解析度的麻烦,也可以针对不同的解析度,调整网页的版面。范例中,我们根据屏幕解析度先设计好3个网页,分别是640.html、800.html和1024.html,接下来我们就看看如何设计这个程序吧!
先复制以下这段程序码:
<script language="Javascript">
<!--
if(screen.width == "640")
{
location="640.html"
}
else if (screen.width == "800")
{
location="800.html"
}
else
{
location="1024.html"
}
//-->
</script>
接着编辑HTML活页标签,将文字输入游标移至想要显示在网页中的位置后,按下功能表上的[编辑],点选[贴上]即可制作出这个效果。
现在,我们看看这个程序的重点内容:

这个程序主要使用到[if]判断式,检查[screen.width]的内容,如果是[640],则显示640.html网页,[800]的话则显示800.html网页,如果都不是,则显示1024.html网页。

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: