如何使用外部Javascript在CSS文件之間切換

我正在爲我的網頁設計課程工作的網站上工作，我正在編寫將爲桌面瀏覽器或移動網站設置網站格式的CSS腳本，具體取決於是否檢測到適當的使用權。我能夠輕鬆檢測到移動瀏覽器的存在，並且默認的CSS是桌面，我遇到的問題是在它們之間切換。該部門的常駐Web編程專家告訴我，您不應該直接將Javascript放置到html文件中，並且它應該全部關閉在外部文件中，而這些文件迄今爲止我都能夠堅持。如何使用外部Javascript在CSS文件之間切換

現在我的問題是，我無法找到一種方法來確定哪個CSS文件加載而不使用內聯Javascript。我用來檢測移動瀏覽器存在的腳本根據檢查useragent的結果返回一個布爾值，我將使用它來加載相應的CSS文件。

問題：我應該如何編寫一個能加載相應CSS文件的Javascript文件？

我檢測移動（安卓）瀏覽器的腳本是：

var deviceAndroid = "android"; 

function DetectAndroid() 
{ 
    if (uagent.search(deviceAndroid) > -1) 
     return true; 
    else 
     return false; 
}

來源

2010-11-08 Chris Wilson

Google對於「CSS媒體查詢」 – Pointy 2010-11-08 15:47:29

我也建議您使用媒體查詢。 Android以及iPhone和iPad支持媒體查詢，您可以根據手機屏幕尺寸加載自定義樣式表。 – Brady 2010-11-08 16:00:08

我認爲你可以做到這一點寫一個JS函數，找到並改變它，你確定正在訪問設備種類，你可以看看這樣的JS here。

你可以試試，以及通過標籤同時裝入樣式表，並添加一個「媒體」屬性桌面（屏幕）或移動（手持）設備，你可以把這個計算器post

我希望看看它有助於。

來源

2010-11-08 15:54:45 SubniC

如何使用外部Javascript在CSS文件之間切換

回答

相關問題