JS利用navigator对象实现用户使用的是何终端，并实现跳转

最新推荐文章于 2024-11-07 13:38:59 发布
最新推荐文章于 2024-11-07 13:38:59 发布
阅读量58 收藏
点赞数
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53437460/article/details/132016273
版权 
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))){
    window.location.herf = "";//手机
}else {
    window.location.herf = "";//电脑
}

代码较为复杂难记，建议保存下来用的时候直接复制。

☆星落☆
关注
JS-DOM--全局DOM对象document-history-location-navigator-screen-window
weixin_47295886的博客
08-08 229
全局DOM对象： document---当前的web页面 history--用户以前访问过的列表页面 location--当前web页面的url navigator--用户正在使用的web浏览器 screen--浏览器和页面占用的屏幕区域 window--浏览器窗口
【JavaScript BOM】定时器、location对象、navigator对象、JS执行机制
耍酷的李世达的博客
09-13 351
BOM1.BOM概述2.window对象常见事件窗口加载事件1窗口加载事件2两者区别调整窗口大小事件3.定时器setTimeout()案例：五秒后自动关闭广告停止setTimeout()定时器setInterval()案例：倒计时停止setInterval()定时器案例：发送短信this指向4.JS执行机制JS单线程同步和异步5.location对象5.1 URL5.2 location对象的属性案例：5秒后跳转页面案例：获取URL参数5.3 location对象的方法6.navigator对象 1.BOM
js中的navigator对象 用js判断浏览器类型
violetta521的博客
11-12 2097
var explorer = navigator.userAgent; //ie if (explorer.indexOf("MSIE") >= 0) { alert("ie"); } //firefox else if (explorer.indexOf("Firefox") >= 0) { alert("Firefox"); } ...
javascript学习之Navigator 对象，Screen 对象
白话机器学习
08-03 582
属性指向一个包含浏览器和系统信息的 Navigator 对象。脚本通过这个属性了解用户的环境信息。
小程序02/小程序 页面生命周期-页面传参、小程序 内置功能 弹出提示框 本地存储与本地获取 js内使用 navigator本地跳转
m0_64494670的博客
12-24 845
小程序02/小程序 页面生命周期-页面传参、小程序 内置功能 弹出提示框 本地存储与本地获取 js内使用 navigator本地跳转
JavaScript 侦测手机浏览器的五种方法_navigator(1)，2024年最新大数据开发工作经验6年
2303_79055785的博客
04-17 892
第四种方法是，手机浏览器的 DOM 元素可以通过​​ontouchstart​​属性，为​​touch​​事件指定监听函数。桌面设备没有这个属性。​​window.orientation​​属性用于获取屏幕的当前方向，只有移动设备才有这个属性，桌面设备会返回​​undefined​​。​​window.screen​​对象返回用户设备的屏幕信息，该对象的​​width​​属性是屏幕宽度（单位为像素）。上面示例中，如果屏幕宽度​​window.screen.width​​小于500像素，就认为是手机。
js判断用户用什么终端打开的页面并实现跳转
是草莓味的啊
01-06 533
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
js根据用户使用不同终端跳转不同页面
chen__cheng的博客
02-03 886
实现根据打开终端的不同跳转页面 if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|ios|iPad|Android|Mobile|BlackBerry|IEMobile |MQQBrowser|JUC|Fennec|woSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { window.location.href = " ";// 手机 } else { window.locat
百度判断手机终端并自动跳转js代码及使用实例
10-25
以下，我们将详细介绍百度判断手机终端并自动跳转js代码的相关知识点，以及如何使用百度所提供的js脚本来实现终端判断和跳转。 ### 百度手机终端自动跳转脚本介绍 百度提供了简单的js脚本供站长使用，其核心功能是...
JS跳转手机站url的若干注意事项
10-19
这一点可以通过JavaScript的`navigator.userAgent`对象来实现，该对象包含用户代理字符串，反映用户设备的信息。常见的设备类型包括Android、BlackBerry、iOS、Windows Mobile（Phone）、Linux等，而老旧的系统如...
js判断PC端与移动端跳转
10-20
本文将详细介绍使用JavaScript（简称js）来判断访问设备类型，并根据设备类型进行PC端与移动端跳转的方法。 一、为什么要判断PC端与移动端 1. 响应式设计：随着移动设备的普及，网页设计需要支持响应式布局，以便在...
JavaScript之BOM对象操作窗口大小、加载、定时器、this指向、同步与异步、location对象、navigator对象、history对象
weixin_53155105的博客
08-09 214
什么是BOM？ BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。 window 对象是浏览器的顶级对象,它具有双重角色。 它是 JS 访问浏览器窗口的一个接口。 ..
javascript当中navigator的用法
qq_43650923的博客
11-13 1065
3.navigator 例 1.3（navigatorIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-...
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 508
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
上门理发系统的搭建
最新发布
app830的博客
11-07 301
上门理发系统的搭建涉及多个方面，包括技术架构、功能模块、用户体验以及运营策略等。服务器：部署应用到云服务器（如AWS、阿里云）或本地服务器上，确保系统的稳定性和可扩展性。消息通知：通过短信、邮件或APP推送等方式，向用户发送预约确认、提醒等消息。订单管理：用户可以查看自己的预约订单，包括待付款、已付款、已完成等状态。服务浏览与选择：展示各类理发服务，包括价格、时长、适用人群等信息。在搭建过程中，要确保系统的安全性和稳定性，防止数据泄露和系统崩溃。操作便捷：优化用户操作流程，减少不必要的步骤，提高用户体验。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 186
vxe-grid新增空行，并且定位到空行位置。
JavaScript数据类型- BigInt详解（处理任意大小整数的终极指南）
cx18333的博客
11-05 506
随着ECMAScript 11（ES11）引入了BigInt，JavaScript开发者现在可以轻松地处理超出传统Number类型限制的大整数。本文全面解析了BigInt的使用方法、核心特性和限制条件，为你提供了处理大型整数数据的强大工具。从BigInt的基础用法到算术运算和比较，再到类型检查和兼容性考量，一步步的深入了解这个新的数据类型。
Vue2+3
m0_73557953的博客
11-04 120
创建Vue实例 Vue指令
JavaScript-数组
weixin_64689713的博客
11-04 858
/ 定义一个长度为 4 的数组，但是这 4 项都是 undefined两种定义方法根据实际需求选择即可，两者的底层都是同样的实现逻辑。推荐：方括号定义法！
Flutter 局部跳转：使用Navigator实现
"Flutter 使用Navigator进行局部跳转页面的方法" 在Flutter开发中，有时我们需要实现局部页面跳转，而不是全局的全屏切换。在这种情况下，`Navigator`组件就显得尤为重要。`Navigator`是一个用于管理应用中路由...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值