js location 与 navigator对象

最新推荐文章于 2025-02-01 16:01:26 发布
原创 最新推荐文章于 2025-02-01 16:01:26 发布 · 301 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
js

当前文章被收录于：

js
40 篇文章 0 人学习
订阅专栏 查看详情
本文详细解析了location对象和navigator对象的功能与用法。location对象包括href、protocol、host等属性，以及页面跳转和重载的方法。navigator对象提供平台和浏览器类型信息，包括检测IE浏览器的技巧。

location对象

href: 地址栏

protocol: 协议

host:  主机名端口号 或 域名  hostname: 主机名  port: 端口号

pathname: 路径, host后、hash前或search前的路径

hash: #号及后面的内容，如遇到?则停止，后续是search

search: ?及其后面的内容, 如遇到#则停止，后续是hash

常用方法

 

  • 设置页面跳转

location.href = "http://www.jd.com";  // 有历史记录

location.replace("http://www.jd.com");  // 没历史记录

  • 页面重载

location.reload();

  • 获取search中的参数值

 

navigator对象

platform:  用户浏览器运行的系统

userAgent:  用户浏览器类型

  • 检测是否为IE浏览器

const isIE = /Trident/.test(navigator.userAgent) || /MSIE/.test(navigator.userAgent)

// true则是IE

标签
#js #location #navigator
【JavaScript BOM】定时器、location对象、navigator对象、JS执行机制
耍酷的李世达的博客
09-13 516
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
JavaScript Window对象之(BOM、JS 执行机制、location对象、navigator对象、histroy对象、本地存储)
Bulut0907
06-18 1164
JavaScript是单线程的，就会出现如果某个JS任务执行的时间过长，这样就会造成页面的渲染不连贯。数据存储在用户浏览器中，页面刷新但数据不丢失。主要管理历史记录， 该对象与浏览器地址栏的操作相对应，如前进、后退等。如果是android或iphone移动端请求页面，直接跳转到指定的页面(移动端页面)先访问百度，再访问当前页面，然后点击后退按钮，就能退回到百度的页面。navigator是一个对象，记录了浏览器自身的相关信息。同localStorage，就是浏览器一关闭，数据就会丢失。
Javascript【BOM 概述、window 对象的常见事件、定时器、JS 执行机制、 location 对象、navigator 对象、history 对象】
m0_52896752的博客
10-27 255
Javascript【BOM 概述、window 对象的常见事件、定时器、JS 执行机制、 location 对象、navigator 对象、history 对象】
JavaScript中的location、navigator和history对象介绍
奋斗的小前端
01-24 852
对象的一个重要属性，以对象数据类型存在，承担着获取和操作当前文档 URL 地址的关键职责。对象同样以对象数据类型存在，主要用于记录浏览器自身的相关信息，这些信息涵盖了浏览器版本、所运行的平台等，对于开发者了解用户使用的浏览器环境至关重要。参数为 - 1 时，后退 1 个页面。对象以对象数据类型存在，主要负责管理浏览器的历史记录，与浏览器地址栏的前进、后退等操作紧密相关，为用户提供了便捷的浏览历史回溯和前进功能。实现页面后退功能，等同于浏览器中的后退按钮操作。实现页面前进功能，等同于浏览器中的前进按钮操作。
location对象、navigator对象、history对象、JS机制
smile__w的博客
11-24 930
location对象、navigator对象、history对象、JS机制
JavaScript之BOM（location对象、navigator对象、history 对象）
最新发布
2501_90424610的博客
02-01 896
navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的 user-agent 头部的值。location.assign() 这种方法实现的跳转是可以后退页面，但是 location.replace() 因为不记录历史，所以不能后退页面。| path | 路径，由零个或多个‘/’符号隔开的字符串，一般用来表示主机上的一个目录或文件地址 || location.replace() | 替换当前页面，因为不记录历史，所以不能后退页面 |
【BOM笔记】基本概述、window对象常见事件、定时器、JS执行机制、location/navigator/history对象
waski的博客
03-13 1104
文章目录1 BOM概述1.1 什么是BOM1.2 BOM的构成2 window 对象的常见事件2.1 窗口加载事件2.2 调整窗口大小事件3 定时器3.1 `setTimeout()` 定时器3.2 `setInterval()` 定时器3.3 this4 JS 执行机制4.1 JS 是单线程4.2 同步和异步4.3 JS 执行机制5 `location` 对象5.1 属性5.2 方法6 `navigator` 对象7 `history` 对象 1 BOM概述 1.1 什么是BOM BOM（Browser
JavaScript_location、navigator、history对象
weixin_44500833的博客
06-03 177
location对象 window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解释URL。因为这个属性返回的是一个对象，所以也称这个属性为location对象。
JavaScript——BOM（包括：BOM的概述、window对象常见事件、this的指向问题、JS执行队列、location对象、navigator对象和history对象）
蟹黄堡
05-25 560
BOM概述 BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。 BOM是由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。现在，BOM是浏览器厂商在各自浏览器上定义的，兼容性较差。 BOM是包含DOM的，它的组成如下： 1.document 2.location 3.navigation 4.s
JavaScript 的 BOM 对象（window 对象、History对象、Location 对象、Navigator 和 screen 对象）
ONESTARの博客
08-19 2658
目录 一、概述 二、window 对象 1、常用属性(对象) 2、常用方法 三、History 对象 1、常用属性 2、常用方法 四、Location对象 1、常用属性 2、常用方法 五、Navigator 和 screen 对象 一、概述 JS 的 BOM 对象就是浏览器对象模型，用于控制浏览器的行为，它提供了独立于内容与浏览器窗口进行交互的对象，BOM是一个分层结构：...
JS BOM对象（navigator + history + location ）
mengxianglong123的博客
05-04 214
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * BOM * - 浏览器对象模型 * - BOM可以...
JavaScript学习6：BOM（window对象、定时器、js执行机制、location、navigator、history）
qq_43819274的博客
03-02 218
JS——BOM 文章目录JS——BOM一、BOM概述二、window对象的常见事件三、定时器四、JS执行机制五、location对象六、navigator对象七、history对象 一、BOM概述 二、window对象的常见事件 三、定时器 四、JS执行机制 五、location对象 六、navigator对象 七、history对象 ...
JavaScript 之 BOM(window对象、定时器、JS执行队列、location对象、navigator对象、history对象）
Andrelia的博客
11-06 800
BOM 目标 能够说出什么是BOM 能够知道浏览器的顶级对象window 能够写出页面加载事件及注意事项 能够写出两种定时器函数并说出区别 能够说出JS执行机制 能够使用location对象完成页面之间的跳转 能够知晓navigator对象涉及的属性 能够使用history提供的方法实现页面刷新 目录 BOM概述 window对象的常见事件 定时器 JS执行机制 location对象 nav...
BOM—JS 执行机制、location 对象、navigator 对象、history 对象
m0_59030524的博客
03-06 488
1. JS 执行机制 1.1 JS 是单线程 JavaScript 语言的一大特点就是 单线程，也就是说，同一个时间只能做一件事。这是因为 Javascript 这门脚 本语言诞生的使命所致——JavaScript 是为处理页面中用户的交互，以及操作DOM 而诞生的。比如我们对 某个DOM 元素进行添加和删除操作，不能同时进行。应该先进行添加，之后再删除。 单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果 JS 执行的时间过长，这样就会造成页面的渲染不连贯
JavaScript学习笔记——open、close与location对象与navigator对象
403 Forbidden
09-12 809
open window.open(url,target,param) 参数解释： url：要打开的地址 target：新窗口的位置。可以是：_blank 、_self、 _parent 父框架 param：新窗口的一些设置 返回值：新窗口的句柄 param： name：新窗口的名称，可以为空 features：属性控制字符串，在此控制窗口的各种属性，属性之间以逗号隔开。 fullscreen= { yes/no/1/0 } 是否全屏，默认no channelmode= { yes/no/1/0 }
BOM：js执行机制、location对象、navigator对象、history对象
weixin_49555741的博客
05-26 443
目录 1. JS执行机制 1.1 js 是单线程语言 1.2 同步和异步 1.3 同步任务和异步任务执行过程 1.4 js 执行机制 2. location 对象 2.1 概念 ​编辑2.3 location 常用的属性 3. navigator 对象 4. history 对象 1. JS执行机制 1.1 js 是单线程语言 js语言的最大特点是单线程，同一个时间做一件事情 单线程所有的任务需要排队，前一个任务结束才会执行下一个任务，js执行时间过长，造成页面渲染加载堵..
BOM 概述、Window 对象的常见事件、定时器、JS 执行机制以及 location、navigator、 history对象
icemwj的博客
09-23 430
1、BOM 概述 1.1 什么是 BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是 Netscape 浏览器标准的一部分。 DOM 和 BOM 的区别： DOM BOM 文档对象模型 浏览器对象模型
Web API BOM：JS执行机制、location对象、navigator对象、history对象
赚钱养自个儿的博客
05-01 750
  目录7、JS执行机制(1)、JS单线程(2)、同步和异步同步异步同步任务8、location对象什么是 location 对象URLlocation 对象的属性案例：5分钟自动跳转页面案例：获取URL参数location对象的常见方法9、navigator对象10、history对象     学习来源：https://www.bilibili.com/video/BV1HJ41147DG   ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值