让网页适应不同的浏览器和分辨率2
2008-05-01 06:33
204 查看
解决分辨率问题在Dreamweaver中没有此项功能,我们只能手动加入一段Javascript代码。首先在change-ie.html或change-nc.html页面代码中的<
head>和< /head>中加入以下代码:
图2
< script language=JavaScript>
< !--
function redirectPage(){
var url800x600=″index-ie.html″; //定义两个页面,此处假设index-ex.html和1024-ie.html同change-ie.html在同一个目录下
var url1024x768=″1024-ie.html″;
if ((screen.width==800) && (screen.height==600)) //在此处添加screen.width、screen.height的值可以检测更多的分辨率
window.location.href= url800x600;
else if ((screen.width==1024) && (screen.height==768))
window.location.href=url1024x768;
else window.location.href=url800x600;
}
// -->
< /script>
然后再在< body…>内加入onLoad=″redirectPage()″
最后,同样地,在< body>和< /body>之间加入以下代码来显示网页的工作信息:
< script language=JavaScript>
< !--
var w=screen.width
var h=screen.height
document.write(″系统已检测到您的分辨率为:″);
document.write(″< font size=3 color=red>″);
document.write(w+″×″+h);
document.write(″< /font>″);
document.write(″正在进入页面转换,请稍候…″);
// -->
< /script>
好了,一切工作完成,试一试效果,感觉不错吧?你也可以来访笔者的主页http://www.jixie2000.yes8.com/看一下效果,但只是看效果呦,至于页面请不要见笑!呵呵……
head>和< /head>中加入以下代码:
图2
< script language=JavaScript>
< !--
function redirectPage(){
var url800x600=″index-ie.html″; //定义两个页面,此处假设index-ex.html和1024-ie.html同change-ie.html在同一个目录下
var url1024x768=″1024-ie.html″;
if ((screen.width==800) && (screen.height==600)) //在此处添加screen.width、screen.height的值可以检测更多的分辨率
window.location.href= url800x600;
else if ((screen.width==1024) && (screen.height==768))
window.location.href=url1024x768;
else window.location.href=url800x600;
}
// -->
< /script>
然后再在< body…>内加入onLoad=″redirectPage()″
最后,同样地,在< body>和< /body>之间加入以下代码来显示网页的工作信息:
< script language=JavaScript>
< !--
var w=screen.width
var h=screen.height
document.write(″系统已检测到您的分辨率为:″);
document.write(″< font size=3 color=red>″);
document.write(w+″×″+h);
document.write(″< /font>″);
document.write(″正在进入页面转换,请稍候…″);
// -->
< /script>
好了,一切工作完成,试一试效果,感觉不错吧?你也可以来访笔者的主页http://www.jixie2000.yes8.com/看一下效果,但只是看效果呦,至于页面请不要见笑!呵呵……
相关文章推荐
- 网页适应不同 浏览器和分辨率
- 让网页适应不同的浏览器和分辨率1
- 网页自适应不同浏览器和分辨率
- 网页自适应不同浏览器和分辨率[转]
- 网页自适应不同浏览器和分辨率[转]
- 网页自适应不同浏览器和分辨率[转]
- 如何让网页适应不同分辨率
- H5网页开发新手入门-H5网页如何适应不同手机屏幕分辨率?
- 使用@media screen实现网页适应不同的分辨率
- window.open网页自适应不同分辨率方法
- 浏览器分辨率使用排名以及不同分辨率下的网页测试
- 让背景图适应不同分辨率的设备和不同浏览器
- 我想在浏览器读取网页时识别不同的分辨率载入不同的图片,请问应
- 我想在浏览器读取网页时识别不同的分辨率载入不同的图片,请问应
- pc网页适应不同屏幕分辨率常用做法
- 微信公众平台Java开发如何让网页自适应不同分辨率的手机浏
- 网页 如何适应不同分辨率
- div css网页适应不同分辨率技巧
- Android:自适应不同分辨率的屏幕大小、方向和不同分辨率的字体大小
- IE和Firefox浏览器CSS网页布局不同点