为了增加网页的魅力，你也可以针对不同的屏幕解析度设计不同的网页。这样当使用者浏览你的网页时，就会配合屏幕解析度，自动显示出适合浏览的网页画面，不但帮助使用者省去调整荧幕解析度的麻烦，也可以针对不同的解析度，调整网页的版面。范例中，我们根据屏幕解析度先设计好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网页。