欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS判斷移動(dòng)端訪問設(shè)備并加載對應(yīng)CSS樣式

 更新時(shí)間：2014年06月13日 10:15:18   投稿：whsnow  
JS判斷不同web訪問環(huán)境，主要針對移動(dòng)設(shè)備，提供相對應(yīng)的解析方案，本例是加載不同的css樣式
JS判斷不同web訪問環(huán)境，主要針對移動(dòng)設(shè)備，提供相對應(yīng)的解析方案（判斷設(shè)備代碼直接copy騰訊網(wǎng)的）
復(fù)制代碼 代碼如下:

// 判斷是否為移動(dòng)端運(yùn)行環(huán)境

if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){

if(window.location.href.indexOf("?mobile")<0){

try{

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){

// 判斷訪問環(huán)境是 Android|webOS|iPhone|iPod|BlackBerry 則加載以下樣式

setActiveStyleSheet("style_mobile_a.css");

}

else if(/iPad/i.test(navigator.userAgent)){

// 判斷訪問環(huán)境是 iPad 則加載以下樣式

setActiveStyleSheet("style_mobile_iPad.css");

}

else{

// 判斷訪問環(huán)境是 其他移動(dòng)設(shè)備 則加載以下樣式

setActiveStyleSheet("style_mobile_other.css");

}

}

catch(e){}

}

}

else{

// 如果以上都不是，則加載以下樣式

setActiveStyleSheet("style_mobile_no.css");

}

// 判斷完畢后加載樣式

function setActiveStyleSheet(filename){document.write("＜link href="+filename+" rel=stylesheet＞");}

加載頁面
復(fù)制代碼 代碼如下:

<script type="text/javascript">
if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href="手機(jī)頁面";
}else if(/iPad/i.test(navigator.userAgent)){
window.location.href="平板頁面";
}else{
window.location.href="其他移動(dòng)端頁面"
}
}catch(e){}
}
}
</script>

相關(guān)文章

  • JS使用面向?qū)ο蠹夹g(shù)實(shí)現(xiàn)的tab選項(xiàng)卡效果示例

    JS使用面向?qū)ο蠹夹g(shù)實(shí)現(xiàn)的tab選項(xiàng)卡效果示例

    這篇文章主要介紹了JS使用面向?qū)ο蠹夹g(shù)實(shí)現(xiàn)的tab選項(xiàng)卡效果,結(jié)合具體實(shí)例形式分析了js面向?qū)ο蠹夹g(shù)與tab選項(xiàng)卡功能的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2017-02-02
  • uniapp地圖組件(map)使用與遇到的一些問題總結(jié)

    uniapp地圖組件(map)使用與遇到的一些問題總結(jié)

    uniapp是用vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)人員只需要編寫一套代碼就可以發(fā)布到安卓、iOS、H5和小程序、快應(yīng)用等平臺,下面這篇文章主要給大家介紹了關(guān)于uniapp地圖組件(map)使用與遇到的一些問題,需要的朋友可以參考下
    2022-07-07
  • js實(shí)現(xiàn)下一頁頁碼效果

    js實(shí)現(xiàn)下一頁頁碼效果

    本文主要介紹了js實(shí)現(xiàn)下一頁頁碼效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
    2017-03-03
  • JS利用?clip-path?實(shí)現(xiàn)動(dòng)態(tài)區(qū)域裁剪功能

    JS利用?clip-path?實(shí)現(xiàn)動(dòng)態(tài)區(qū)域裁剪功能

    這篇文章主要介紹了JS利用?clip-path?實(shí)現(xiàn)動(dòng)態(tài)區(qū)域裁剪功能,文中主要通過使用 box-shadow 實(shí)現(xiàn)，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2021-12-12
  • 慕課網(wǎng)題目之js實(shí)現(xiàn)抽獎(jiǎng)系統(tǒng)功能

    慕課網(wǎng)題目之js實(shí)現(xiàn)抽獎(jiǎng)系統(tǒng)功能

    這篇文章主要為大家詳細(xì)介紹了慕課網(wǎng)題目之js抽獎(jiǎng)系統(tǒng)功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-09-09
  • javascript replace方法與正則表達(dá)式

    javascript replace方法與正則表達(dá)式

    replace方法的語法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正則表達(dá)式對象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。為了幫助大家更好的理解，下面舉個(gè)簡單例子說明一下
    2008-02-02
  • 小程序從零入手之WXSS模版語法匯總

    小程序從零入手之WXSS模版語法匯總

    wxss樣式語法包括rpx尺寸單位,樣式導(dǎo)入,全局與局部樣式,常用的樣式屬性,包括尺寸、邊框、邊距、文本、顏色等等,下面這篇文章主要給大家介紹了關(guān)于小程序從零入手之WXSS模版語法匯總的相關(guān)資料,需要的朋友可以參考下
    2023-01-01
  • JS中JSON.stringify使用場景面試精講

    JS中JSON.stringify使用場景面試精講

    這篇文章主要為大家介紹了JS中JSON.stringify使用場景面試精講,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-10-10
  • uniapp引入axios異步框架的完整步驟

    uniapp引入axios異步框架的完整步驟

    雖然Uniapp可以使用Vue.js自帶的$http,但也可以使用Axios,只需要在項(xiàng)目中進(jìn)行簡單的配置,這篇文章主要給大家介紹了關(guān)于uniapp引入axios異步框架的相關(guān)資料,需要的朋友可以參考下
    2023-12-12
  • js圖片上傳的封裝代碼

    js圖片上傳的封裝代碼

    這篇文章主要為大家詳細(xì)介紹了js圖片上傳的封裝代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-08-08

最新評論