首页 » 建站技术 » 浏览内容

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码


2006-10-17 13:19:43 8,421 0 发表评论 字体: 作者:C.K.
标签: javascript

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

From:http://www.dc9.cn/post/MSIEFireFoxCSS.html

既判断分辨率,也判断浏览器

重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。

&lt;SCRIPT LANGUAGE=&quot;JavaScript&quot;&gt;<br/>&lt;!--<br/>if (window.navigator.userAgent.indexOf(&quot;MSIE&quot;)&gt;=1)<br/>{<br/>var IE1024=&quot;&quot;;<br/>var IE800=&quot;&quot;;<br/>var IE1152=&quot;&quot;;<br/>var IEother=&quot;&quot;;<br/><br/>ScreenWidth(IE1024,IE800,IE1152,IEother)<br/>}else{<br/>if (window.navigator.userAgent.indexOf(&quot;Firefox&quot;)&gt;=1)<br/>{<br/>//如果浏览器为Firefox<br/>var Firefox1024=&quot;&quot;;<br/>var Firefox800=&quot;&quot;;<br/>var Firefox1152=&quot;&quot;;<br/>var Firefoxother=&quot;&quot;;<br/><br/>ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)<br/>}else{<br/>//如果浏览器为其他<br/>var Other1024=&quot;&quot;;<br/>var Other800=&quot;&quot;;<br/>var Other1152=&quot;&quot;;<br/>var Otherother=&quot;&quot;;<br/>ScreenWidth(Other1024,Other800,Other1152,Otherother)<br/>}<br/>}<br/><br/>function ScreenWidth(CSS1,CSS2,CSS3,CSS4){<br/>if ((screen.width == 1024) &amp;amp;amp;&amp;amp;amp; (screen.height == 768)){<br/>setActiveStyleSheet(CSS1);<br/>}else{<br/>if ((screen.width == 800) &amp;amp;amp;&amp;amp;amp; (screen.height == 600)){<br/>setActiveStyleSheet(CSS2);<br/>}else{<br/>if ((screen.width == 1152) &amp;amp;amp;&amp;amp;amp; (screen.height == 864)){<br/>setActiveStyleSheet(CSS3);<br/>}else{<br/>setActiveStyleSheet(CSS4);<br/>}}}<br/>}<br/><br/>function setActiveStyleSheet(title){ <br/> &nbsp;document.getElementsByTagName(&quot;link&quot;)[0].href=&quot;style/&quot;+title; <br/>}<br/>//--&gt;<br/>&lt;/SCRIPT&gt;

解释:

var IE1024=””;
var IE800=””;
var IE1152=””;
var IEother=””;

引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

var Firefox1024=””;
var Firefox800=””;
var Firefox1152=””;
var Firefoxother=””;

引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

var Other1024=””;
var Other800=””;
var Other1152=””;
var Otherother=””;

引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.

不判断分辨率,只判断浏览器

实现根据浏览器类型自动调用不同CSS。

&lt;SCRIPT LANGUAGE=&quot;JavaScript&quot;&gt;<br/>&lt;!--<br/>if (window.navigator.userAgent.indexOf(&quot;MSIE&quot;)&gt;=1)<br/>{<br/>//如果浏览器为IE<br/>setActiveStyleSheet(&quot;default.css&quot;);<br/>}else{<br/>if (window.navigator.userAgent.indexOf(&quot;Firefox&quot;)&gt;=1)<br/>{<br/>//如果浏览器为Firefox<br/>setActiveStyleSheet(&quot;default2.css&quot;);<br/>}else{<br/>//如果浏览器为其他<br/>setActiveStyleSheet(&quot;newsky.css&quot;);<br/>}<br/>}<br/><br/>function setActiveStyleSheet(title){ <br/> &nbsp;document.getElementsByTagName(&quot;link&quot;)[0].href=&quot;style/&quot;+title; <br/>}<br/>//--&gt;<br/>&lt;/SCRIPT&gt;

解释:
如果浏览器为IE,则调用default.css
如果浏览器为Firefox,则调用default2.css
如果浏览器为其他,则调用newsky.css

用法:
放在

&lt;/head&gt;

前面即可。

只判断分辨率,不判断浏览器

&lt;script language=javascript&gt; <br/>&lt;!--<br/>if (screen.width == 800)<br/>{<br/>document.write(&#039;&lt;link rel=stylesheet type=&quot;text/css&quot; href=&quot;css800.css&quot;&gt;&#039;)<br/>}<br/>else {document.write(&#039;&lt;link rel=stylesheet type=&quot;text/css&quot; href=&quot;css1024.css&quot;&gt;&#039;)}<br/>//--&gt;<br/>&lt;/script&gt;

网站统计 Statistics

  • 创建时间: 2005年1月3日 距今5066 天
  • 日志总数: 2461
  • 评论总数: 630
  • 标签总数: 654
  • 链接总数: 273
  • 最后更新: 2018-8-31 17:57:04
  • 您是本站第 14169201 位访客

广告区 Guǎng Gào