js让网页适应屏幕大小

js让网页适应屏幕大小

如果你的网页不经常更新，而且对页面效果极其在意，那好，你就设计两个页面，分别对应800×600和1024×768两种分辨率。把这两个首页文件分别命名为index800.htm和index1024.htm 。然后在空白的索引页index.htm中加入以下代码到前面：

1. <Script language=”javascript”>  
2. if (window.screen){  
3. var w=screen.width;  
4. url_800=”index800.htm”;  
5. url_1024=”index1024.htm”  
6. //请根据你的文件命名修改   
7. if (w<835){  
8. self.location.replace(url_800);  
9. }//加入判断条件，还可以用“&”加入多个判断条件   
10. if (w>=835){  
11. self.location.replace(url_1024);  
12. }  
13. }  
14. </Script>