运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<html>
2
<head>
3
<title>自动根据分辨率进入不同页面</title>
4
<body>
5
<script LANGUAGE="JavaScript">
6
function redirectPage() {
7
var url800x600 = "http://www.sohu.com";
8
var url1024x768 = "/";
9
var url1280x1024 = "http://www.baidu.com";
10
var url1440x900 = "http://www.163.com";
11
if ((screen.width == 800)  &&  (screen.height == 600)) 
12
window.location.href= url800x600;
13
else if ((screen.width == 1024)  &&  (screen.height ==768))
14
window.location.href= url1024x768;
15
else if ((screen.width == 1280)  &&  (screen.height == 1024))
16
window.location.href= url1280x1024;
17
else window.location.href= url1440x900;
18
}
19
</script>
20
</head>
21
<body>
22
<form>
23
<input type=button value="点击自动进入对应页面" onClick="redirectPage()">
24
</form>
25
</body>
26
</html>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
根据分辨率自动进入不同页面
分类
网站常用
描述
用JS判断出屏幕的分辨率,然后自动进入对就的网页,提升用户体验,如果程序中的分辨率模式没有你想要的,你可以自己修改一下程序,以适合目前比较流行的几种分辨率模式。
收藏