navigator、history对象

最新推荐文章于 2022-07-03 15:00:16 发布
最新推荐文章于 2022-07-03 15:00:16 发布
阅读量1.6k 收藏
点赞数
分类专栏： javaScript 文章标签： 前端 javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51244384/article/details/122491614
版权

一、navigator对象

navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的 user-agent 头部的值。

下面前端代码可以判断用户那个终端打开页面，实现跳转

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.href = "";     //手机
 } else {
    window.location.href = "";     //电脑
 }

二、history对象

        window对象给我们提供了一个history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中）访问过的URL。

history对象方法作用
back()后退，返回上一次浏览的页面
forward()前进
go( 参数 )参数为1，前进一个页面。参数为-1，后退一个页面
<body>
  <button onclick="history.back()">后退</button>
  <button onclick="history.forward()">前进</button>
  <button onclick="history.go(-1)">go(-1)</button>
  <button onclick="history.go(1)">go(1)</button>
</body>
清晨投递
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js对象层次• navigator •screen•window
12-25
• navigator • screen • window o history o location o frames[]; Frame o document  anchors[]; links[]; Link  applets[]  embeds[]  forms[]; Form  Button  Checkbox  elements...
selection-history-navigator:Unity编辑器扩展，可在对象选择之间导航
05-18
这些使您可以快速重新选择以前选择的游戏对象或资产。使用将SelectionHistoryNavigator.cs文件拖放到您的项目中。 单击一些游戏对象或资产后，按命令[ （macOS）或ctrl [ （Windows）返回上一个选择。 向后导航后，...
JavaScript - navigator对象 和 history对象
qq_33962481的博客
06-28 181
文章目录一、navigator对象判断用户用的什么终端打开页面, 实现跳转二、history对象history对象方法 一、navigator对象 navigator对象包含有关浏览器的信息, 它有很多属性, 我们最常用的是userAgent, 该属性可以返回由客户机发送服务器的user-agent头部的值. 判断用户用的什么终端打开页面, 实现跳转 if((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad|hpwOS|SysbianOS|W
Location、navigator和History对象
qq_53841687的博客
07-03 629
目录1、location对象定义2、location对象的属性3、实例演练5秒页面跳转练习 获取页面参数数据 4、常见对象方法5、navigator对象6、history对象window对象给我们提供了一个location属性用于获取或设置窗口的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为location对象。URL（Uniform Resource Locatiior）：统一资源定位符，是互联网上标准资源的地址。互联网上每个文件都有一个唯一的URL，它包含的信息
navigator与history的使用
qq_41189709的博客
08-05 337
navigator 通常使用navigator.userAgent可以获得用户所使用的浏览器的版本与系统信息 //判断用户使用的浏览器，打开不同的页面 if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios| iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC |F...
navigator对象与history对象
qq_44242084的博客
10-20 98
javaScript之Location,Navigator,History
weixin_34090643的博客
10-18 113
Location,Navigator,History三个对象是window对象常用属性， window.location window.navigator window.history,window.history属性它表示当前窗口的浏览历史； window.location window.location属性提供 URL 相关的信息和操作方法。通过window.location和docu...
javascript从入门到跑路—–小文的js学习笔记（8）—–bom的对象及其用法—window 、History、location、navigator 、screen
01-08
 ECMAScript是 JavaScript的核心，但是在 Web中使用的 JavaScript， BOM （浏览器对象模型）才是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能，但这些功能与任何网页内容无关。 二、window 对象下的属性...
JavaScript Browser 对象 实例
12-13
JavaScript Browser 对象 实例 使用JavaScript来访问和控制浏览器对象实例。 Window 对象 更多的Window 对象的例子...更多的History 对象对象的例子，在我们的 更多Location 对象实例在我们的JavaScript 参考手册。
js对象关系图 方便dom操作
12-11
js对象关系图 ...Navigator Screen History Location HTML DOM 对象参考手册 本参考手册描述每个对象的属性和方法，并提供实例。 Document Anchor Area Base Body Button Canvas Event Form Frame Frameset I
Window 对象、document对象、history对象、location对象、navigator对象、screen对象
ssisse的博客
08-27 5145
Window 对象 Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 Window 对象集合 集合 描述 frames[] 返回窗口中所有命
2021-01-08
weixin_51654260的博客
01-08 155
Location 1、https://baike.baidu.com/item/%E9%A9%AC%E4%BF%9D%E5%9B%BD/50106525?fr=aladdin#2_1 http https 传输协议 www.baidu.com 域名 ?fr=aladdin 查询字符 #2_1 hash（锚点定位） 2、 location对象： 里面存储了和网页地址所有内容有关的信息。 属性： href：地址信息。 跳转页面：location.href = “XXX”; 3、search：查询字符串 一
setInterval、history和navigator
茗茗
06-26 467
window常用对象
页面跳转_小程序里页面跳转的两种方式
weixin_29179311的博客
01-11 473
我们在小程序里做页面跳转有两种方式•1，借助navigator组件•2，借助wx.自带方法，在点击的时候做页面跳转 如下图所示的几个wx.方法19-1，navigator实现页面跳转navigator其实和我们html里的a标签有点像，也是为了实现页面跳转的。官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/naviga...
navigator用于管理浏览器运行环境信息
casey的博客
02-09 1445
navigator用于管理浏览器运行环境信息
navigator 对象
mengfanshaoxia的博客
02-15 1150
1、什么是navigator 对象 navigator 对象包含有关浏览器的信息。 查看 navigator 对象所有信息： console.log(navigator); 下面以判断浏览器是否安装了某个插件为例，来说明其用法。 在 navigator 对象众多属性中，有一个属性叫 Plugins，里面存放的就是插件信息，可通过如下 方式进行查看： console.log(navigator.plugins); 下面通过封装一个方法，来判断是否安装了某个插件，如果安
Navigator实现页面跳转
黄星的专栏
11-25 2175
reaact-native version:0.57 app.js /** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow */ import React, {Component} from 'react'; import { Platform, ...
navigator
.
03-01 286
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>navigator</title> </head> <body> <script> //typeof navigator pbject var i=1; for(var
navigator对象的主要属性介绍
weixin_30520015的博客
10-01 909
之前整理过一篇文章，传送门，介绍了navigator对象的属性，但是介绍的比较少，感觉不是太实用，特今天整理一下在项目中实际用到的东西。navigator.appCodeName（不准确）：属性是一个只读字符串，声明了浏览器的代码名。 在所有以 Netscape 代码为基础的浏览器中，它的值是 "Mozilla"。为了兼容起见，在 Microsoft 的浏览器中，它的值也是 "Mozilla"，...
javaScriptBom对象
最新发布
05-27
3. navigator 对象：代表浏览器的信息，包括浏览器的名称、版本、用户代理等信息。 4. screen 对象：代表用户的屏幕信息，包括屏幕的宽度、高度、可用工作区域等信息。 5. history 对象：代表浏览器的历史记录，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值