人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的JavaScript 根据屏幕解析度显示不同网页懂设计的网友们快点来了解吧!
【 tulaoshi.com - Web开发 】
为了增加网页的魅力,你也可以针对不同的屏幕解析度设计不同的网页。这样当使用者浏览你的网页时,就会配合屏幕解析度,自动显示出适合浏览的网页画面,不但帮助使用者省去调整荧幕解析度的麻烦,也可以针对不同的解析度,调整网页的版面。范例中,我们根据屏幕解析度先设计好3个网页,分别是640.html、800.html和1024.html,接下来我们就看看如何设计这个程序吧!
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)先复制以下这段程序码:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)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网页。
来源:http://www.tulaoshi.com/n/20160219/1615493.html
看过《JavaScript 根据屏幕解析度显示不同网页》的人还看了以下文章 更多>>