根據(jù)分辨率不同，調(diào)用不同的css文件
dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center border=0> <SCRIPT LANGUAGE="<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://如果瀏覽器為Firefox
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
file://如果瀏覽器為其他
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}
function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}else{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}else{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}else{
setActiveStyleSheet(CSS4);
}}}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
file://-->
</SCRIPT>
解釋：
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
引號里面分別填寫，用戶使用IE的時(shí)候并且分辨率為1024*768,800*600,1152*864要使用的css文件名.
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
引號里面分別填寫，用戶使用FF的時(shí)候并且分辨率為1024*768,800*600,1152*864要使用的css文件名.
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
引號里面分別填寫，用戶使用其他瀏覽器的時(shí)候并且分辨率為1024*768,800*600,1152*864要使用的css文件名.
不判斷分辨率，只判斷瀏覽器
應(yīng)E.Qiang提議，編如下代碼。實(shí)現(xiàn)根據(jù)瀏覽器類型自動(dòng)調(diào)用不同CSS。
代碼：
<SCRIPT LANGUAGE="javascript">
<!--
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
file://如果瀏覽器為IE
setActiveStyleSheet("default.css");
}else{
if (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://如果瀏覽器為Firefox
setActiveStyleSheet("default2.css");
}else{
file://如果瀏覽器為其他
setActiveStyleSheet("newsky.css");
}
}
function setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
file://-->
</SCRIPT>
解釋：
如果瀏覽器為IE，則調(diào)用default.css
如果瀏覽器為Firefox，則調(diào)用default2.css
如果瀏覽器為其他，則調(diào)用newsky.css
用法：放在<head></head>中即可。
相關(guān)文章
《JavaScript高級編程》學(xué)習(xí)筆記之object和array引用類型
本文給大家分享我的javascript高級編程學(xué)習(xí)筆記之object和array引用類型，涉及到j(luò)avascript引用類型相關(guān)知識，對javascript引用類型感興趣的朋友可以參考下本文2015-11-11
Javascript實(shí)現(xiàn)html轉(zhuǎn)pdf高清版（提高分辨率）
這篇文章主要介紹了Javascript將html轉(zhuǎn)成pdf高清版（提高分辨率）,需要的朋友可以參考下2020-02-02
JS實(shí)現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法
下面小編就為大家分享一篇JS實(shí)現(xiàn)二維數(shù)組橫縱列轉(zhuǎn)置的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-04-04
網(wǎng)頁開發(fā)中的容易忽略的問題 javascript HTML中的table
最近在搞在線電子表格這個(gè)東西,下面的是使用中的一些知識技巧。2009-04-04
Bootstrap優(yōu)化站點(diǎn)資源、響應(yīng)式圖片、傳送帶使用詳解3
這篇文章主要介紹了Bootstrap優(yōu)化站點(diǎn)資源、完成響應(yīng)式圖片、讓傳送帶支持手勢的相關(guān)知識,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了Webpack的Loader和Plugin的區(qū)別，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
bootstrap datetimepicker 日期插件在火狐下出現(xiàn)一條報(bào)錯(cuò)信息的原因分析及解決辦法
日期插件 bootstrap-datetimepicker 在火狐下出現(xiàn)一條報(bào)錯(cuò)信息：TypeError: (intermediate value).toString(…).split(…)[1] is undefined.什么原因?qū)е碌哪?，下面小編給大家分享解決思路，需要的朋友參考下2017-03-03
Bootstrap 折疊（Collapse）插件用法實(shí)例詳解
這篇文章主要介紹了Bootstrap 折疊（Collapse）插件用法實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-06-06
javascript 中 array.sort() 中的參數(shù)，需要傳入的是一個(gè)函數(shù)，而且必須是一個(gè)函數(shù)2011-10-10
解決WordPress使用CDN后博文無法評論的錯(cuò)誤
這篇文章主要介紹了解決WordPress使用CDN后博文無法評論的錯(cuò)誤的方法,同時(shí)提醒注意WordPress使用版本的jQuery版本支持度,需要的朋友可以參考下2015-12-12