html程式碼，通過識別pc端和移動端，跳轉到不同的頁面
阿新 • • 發佈：2019-01-04
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<body>
//主體部分，寫入自己需要的內容
} else {
window.location.href = './pc/static/template/index.html';
}
}
//第一種方式，通過點選螢幕的方式，呼叫函式，進行頁面跳轉
document.body.onclick = function() {
ScreenWidth()
}
</script>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--引入需要的外掛放置自己的樣式等-->
</head><body>
//主體部分，寫入自己需要的內容
</body>
//重點看下面哦。。。。。。。。。。。。。。。。
<script language="JavaScript">
//寫一個判斷函式
function ScreenWidth() { //獲取螢幕尺寸，判斷PC端或移動端
if (/phone|pad|pod|iPhone|iPod|ios|iPad|Android|Fennec|BlackBerry|Mobile|IEMobile|MQQBrowser|JUC|Fennec|WosBrowser|BrowserNG|WebOS|Symbian|Windows Phone/i.test(navigator.userAgent)) {
//如果是移動端，則跳轉到移動端對應的頁面；否則，跳轉到PC端對應的頁面
window.location.href = './mobile/html/index.html';} else {
window.location.href = './pc/static/template/index.html';
}
}
//第一種方式，通過點選螢幕的方式，呼叫函式，進行頁面跳轉
document.body.onclick = function() {
ScreenWidth()
}
//第二種方式，等待頁面載入完成，呼叫函式，進行自動跳轉（但是在網速較慢的情況下，可能動畫或者內容還沒載入完成，就自動跳轉咯）
window.onload=function(){
ScreenWidth()
}
</script>
</html>