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

2016-02-19 17:33 18 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的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

延伸阅读
标签: Web开发
JavaScript基本数据结构 JavaScript提供脚本语言的编程与C++非常相似,它只是去掉了C语言中有关指针等容易产生的错误,并提供了功能强大的类库。对于已经具备C++或C语言的人来说,学习JavaScript脚本语言是一件非常轻松愉快的事。 一、JavaScript代码的加入 JavaScript的脚本包括在HTML中,它成为HTML文档的一部分。与HTML标识...
标签: Web开发
你可以用JavaScript显示XML。可以用JavaScript (或 VBScript)从一个XML文件中输入数据并在一个HTML页面内显示XML数据。 要看看XML和HTML是如何相互补充的,可以这样做:首先找到XML 文档(note.xml),然后打开HTML文档   (note.htm),这个HTML文档中包含了阅读XML文件的JavaScript,并在HTML页面预先定义的范围内显示信息。  &...
标签: Web开发
这是基本JavaScript的屏幕对象 screen 屏幕对象 反映了当前用户的屏幕设置。 width 返回屏幕的宽度(像素数)。 height 返回屏幕的高度。 availWidth 返回屏幕的可用宽度(除去了一些不自动隐藏的类似任务栏的东西所占用的宽度)。 availHeight 返回屏幕的可用高度。 colorDepth 返回当前颜色...
根据不同脸型画出适合眉毛 虽说眉毛可以选择的色彩并不缤纷,似乎引起不多的目光,但是一双恰到好处、适合脸型的眉毛,对于整个人的精神面貌都是大有作用的。所以,学会画好符合自己脸型的眉毛,不仅可以为你的妆容添色,还能让你神清气爽地迎接每一天。没有消沉,没有臭脸,只有阳光可爱的笑脸哦! 圆润眉 明星示范:宋慧...
快车如何适应不同网络下设置合适的上传速度 快车在不同网络条件下合适的设置的上传速度的方法如下: 当使用快车下载一个文件的时候,这个文件已经保存在机器上那部分数据会被传输给其他需要的用户,帮助他们提升下载速度,这是需要临时使用上传带宽的,在不同的网络条件下它们的带宽不相同,如果遇到上传速度过高,影响下载时的网...

经验教程

242

收藏

60
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部