JavaScript(26)——location、navigator、histroy

于 2024-08-21 13:06:49 发布
阅读量180 收藏
点赞数 9
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74386799/article/details/141390431
版权

location

location的数据类型是对象，它拆分并保存了URL地址的各个组成部分

常用属性：

herf属性获取完整的URL地址，可以对其赋值用于地址的跳转

hash属性获取地址中的哈希值，符号#后面的部分

search属性获取地址中携带的参数，符号？后面的部分

reload方法用来刷新当前页面，传入参数true时表示强制刷新

 navigator

navigator的数据类型是对象，该对象下记录了浏览器自身的相关信息

常见属性和方法：

userAgent检测浏览器的版本和平台

 

histroy

histroy的数据类型是对象，主要管理历史记录，该对象与浏览器地址栏的操作相对应，如前进、后退、历史记录等

常见属性和方法：

history对象方法作用
back()可以后退功能
forward()前进功能
go(参数)前进和后退，参数是正为前进，负为后退

A阳俊yi
关注
  • 9
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
client家族、Window对象、JS执行机制、（location对象、navigator对象、histroy对象）
m0_59592734的博客
05-04 227
client家族 获取元素的可见部分宽高（不包含边框，滚动条等） clientWidth和clientHeight 立即执行函避免了命名冲突问题 resize事件窗口发生改变触发事件（可以实现rem适配问题） window.addEventListener('resize', function () { // console.log(111) let w = document.documentElement.clientWidt...
JavaScript(2021.9.26)
SHY
01-23 7876
JavaScript
location和histroy和navigator的讲解
D____ppx的博客
03-24 557
1.location document(核心):文档对象，让我们可以在js脚本中直接访问页面元素（DOM） hestory(重要):历史对象，包含窗口的浏览历史，可以实现后退 location(重要)：包含浏览器当前的地址信息，可以用来刷新本页面或跳转到新页面 frames:框架对象，可以获取页面框架内容 screen:包含有关客户端显示屏幕的信息 navigator:导航对象，包含所有有关访问者浏览器的信息（浏览器版本信息等 最新版本的浏览器是不支持的）、 console.log(windo
JavaScript——BOM学习
我一直往前走着的博客
10-06 355
BOM基础 window对象当前的浏览器窗口 全局函数声明 windowopen方法 windowclose 方法 windowalert 和windowconfirm 方法 windowprompt 方法 windowsetTimeout 和windowclearTimeout setInterval和clearInterval Location对象 Location对象属性 Location
JavaScript学习笔记——第二篇
m0_63003627的博客
08-28 1295
作用：每隔一段时间 调用这个函数间隔时间单位是毫秒。
BOM location-history-navigator对象
jssd的博客
08-20 191
Location对象 var href=window.location.href; // 获得当前url var port = window.location.port; // 获得当前端口 var hostname=window.location.hostname; // 获得当前服务器主机名 var host = window.location.host; //获得当前主机名加端口 // 修...
JavaScript第六天笔记05——history对象(了解)
lqh的博客
08-04 79
<!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>Do.
Javascript
weixin_43460646的博客
08-14 972
本博客主要为黑马程序员网课中关于 JS 模块（网课在下面有介绍）所整理记录的学习笔记，仅作学习用途，如有侵权，烦请联系本人侵删。同时感谢黑马老师们的辛苦教导付出，如有不足之处，欢迎各位小伙伴、官老爷们多多提意见或建议，感谢！ JS入门到精通、DOM BOM操作、jQuery案例精讲、AJAX node.js webpack git一套全覆盖 一、JS基础 了解变量、数据类型、运算符等基础概念，能够实现数据类型的转换，结合四则运算体会如何编程。 体会现实世界中的事物与计算机
JavaScript初学者笔记
2302_80695016的博客
07-26 670
JavaScript基础笔记
JavaScript中的Navigator浏览器对象
10-30
JavaScript中的Navigator浏览器对象 JavaScript中的Navigator浏览器对象是一个重要的浏览器对象，它提供了当前浏览器的各种信息，包括浏览器的版本、名称、语言、操作平台等信息。navigator对象是JavaScript客户端...
qlap-challenge-javascript-bike-navigator
05-06
在这个名为"qlap-challenge-javascript-bike-navigator"的项目中，重点在于利用JavaScript与Google Maps API结合，实现一个自行车导航功能。这个项目可能是作为Quickleft学徒的一部分任务，旨在提升开发者在实际应用...
JavaScript_——DOM总结.txt
12-13
常见的 BOM 对象包括 `window`、`location`、`navigator` 等。 #### 五、BOM 的核心对象 —— window `window` 对象是 BOM 中最重要的对象，它是所有其他 BOM 对象的父对象。`window` 对象表示当前浏览器窗口，...
javascript通过navigator.userAgent识别各种浏览器
10-26
识别浏览器主要依赖于JavaScript中的navigator.userAgent属性，该属性返回的是字符串，包含了浏览器和操作系统的相关信息。 userAgent字符串是浏览器提供的一种方式，让用户代理（浏览器）自我报告其身份信息。这些...
javascript宿主对象之window.navigator详解
10-21
总结来说，window.navigator对象是JavaScript中用于获取和处理浏览器信息的一个重要宿主对象。通过该对象提供的属性和方法，开发者能够判断出当前用户的浏览器类型、版本以及设备类型等信息，并据此做出相应的处理，...
微信小程序骨架屏
djjdjdjdjddjjdjd的博客
08-16 418
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
网上商品订单转手系统bootpf
weixin_43213064的博客
08-18 478
【代码】springboot网上商品订单转手系统bootpf
Nuxt3【内置的工具函数】2024最新版
最新发布
朝阳39的博客
08-20 729
用于在Vue应用程序或API路由中进行HTTP请求，详见。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 1108
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值