DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS腳本根據手機浏覽器類型跳轉WAP手機網站(兩種方式)
JS腳本根據手機浏覽器類型跳轉WAP手機網站(兩種方式)
編輯:關於JavaScript     

隨著移動互聯網的不斷普及,企業的網絡宣傳不僅只局限在PC端,還要在移動端發展。我們在自己的網站做了WAP手機完整之後,如果有用戶通過手機訪問我們的企業頂級域名網站,就要判斷跳轉到專為的WAP網站,下面小編通過兩種方式介紹根據手機浏覽器類型跳轉WAP手機網站,具體內容如下。

第一種方式:直接JS腳本

<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://www.laozuo.org(更換成自己的WAP網站)";
}
}
}
catch(err)
{
}</script>

 第二種方式,稍微長一些,引用


function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}

上述的腳本保持到mobile.js文件,然後在需要調用的頁面引用下面2個JS調用文件。
復制代碼 代碼如下:
<script src="mobile.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.laozuo.org(更換成自己的WAP網站)");</script>

兩種方法都可以使用,我在安卓和IPHONE測試可行。

以上就是通過兩種方式實現根據手機浏覽器類型跳轉WAP手機網站的全部內容,希望大家喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved