• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

javascript 搞代码 7年前 (2018-06-13) 187次浏览 已收录 0个评论

为了增加网页的魅力,你也可以针对不同的屏幕解析度设计不同的网页。这样当使用者浏览你的网页时,就会配合屏幕解析度,自动显示出适合浏览的网页画面,不但帮助使用者省去调整荧幕解析度的麻烦,也可以针对不同的解析度,调整网页的版面。范例中,我们根据屏幕解析度先设计好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活页标签,将文字输入游标移至想要显示在网页中的位置后,按下功能表上的[编辑],点选[贴上]即可制作出这个效果。
现在,我们看看这个程序的重点内容:

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

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

欢迎大家阅读javaScript 根据屏幕解析度显示不同网页…_js》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:JavaScript 根据屏幕解析度显示不同网页_js
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址