js实现手机访问网页时打开index2.html,电脑访问网页时打开index1.html
时间: 2024-02-05 21:05:13 浏览: 70
HTML 游戏:2048游戏
可以通过判断设备类型或者浏览器类型来实现。
1. 判断设备类型
可以使用JavaScript获取设备宽度,如果宽度小于某个值,就判断为手机设备,然后跳转到index2.html页面;如果宽度大于等于某个值,则判断为电脑设备,跳转到index1.html页面。
以下是示例代码:
```javascript
if (screen.width < 768) {
// 跳转到手机端页面
window.location.href = "index2.html";
} else {
// 跳转到电脑端页面
window.location.href = "index1.html";
}
```
请注意,这只是一个简单的示例,实际情况可能需要更复杂的判断逻辑。
2. 判断浏览器类型
可以使用JavaScript判断浏览器类型,如果是移动端浏览器,就跳转到index2.html页面;如果是PC端浏览器,则跳转到index1.html页面。
以下是示例代码:
```javascript
var userAgentInfo = navigator.userAgent;
var agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
var isMobile = false;
for (var i = 0; i < agents.length; i++) {
if (userAgentInfo.indexOf(agents[i]) > 0) {
isMobile = true;
break;
}
}
if (isMobile) {
// 跳转到手机端页面
window.location.href = "index2.html";
} else {
// 跳转到电脑端页面
window.location.href = "index1.html";
}
```
请注意,这只是一个简单的示例,实际情况可能需要更复杂的判断逻辑。
阅读全文