IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 29. location对象 -> 正文阅读

[JavaScript知识库]29. location对象

作者:recommend-item-box type_blog clearfix

location是window对象中的一个属性,用于获取,设置,解析窗体的url(Unifrom Resource Locator,中文名为统一资源定位符,俗称地址),因为这个属性返回的是一个对象,所以我们将这个属性也称为location对象

url通常由下面几个部分组成

  • query也叫查询字符串

1 初识location

localtion对象中有下面这些常见属性

我们下面用代码看一下

  • 百分号加两个数是中文符号的原因

如果想设置location.href就直接对这个属性赋值

这样用浏览器打开这个页面就会跳转到百度

2??五秒之后自动跳转页面

我们有时会访问到一个网站根本没有的路由上,正常情况下会报404,我们不想搞一个404,那么我们就需要捕获404的错误,然后将其重定向(302)一个我们自定的页面,我们接下来就要做这个页面的功能

我就不用后端框架搞了,单搞一个五秒跳转页面,五秒后跳转到百度

打开后是这样的

五秒后跳转到百度

有的网站提醒你注册成功的页面,它内个也会5s种跳到主页,如果你要用倒计时的效果就用setInterval(),setInterval()不需要清除定时器,跳转页面后定时器自动清除

3??不同地址之间获取url参数

我们有两个页面,一个是login.html,另一个是index.html,在login.html中需要用户填写一个字符串给到index.html

点击登陆后,index会根据填写的用户名给出不同的结果

login.html的代码是这样的

index.html的代码是这样的

解析查询字符串后面会有更好的方式,我们现在这里了解参数传递的过程,而且用这种方式输入中文是不行的,在index.html中会乱码

login.html与index.html放在同一个目录下

4??常用方法

4.1??location.assign()

点击按钮后会跳转到百度

  • 使用location.assign()是可以后退的,给location.href赋值也是可以后退的

location.assign()与location.href都会记录浏览历史,所以可以后退的网页

4.2??location.replace()

点击按钮后会跳转到百度,使用location.replace()是不能后退的

location.replace()不能记录浏览历史,所以不能后退

4.3??location.reload

相当于刷新一遍页面

不加参数默认参数为false,相当于普通刷新,点击按钮后会刷新当前页面,相当于点了一下刷新按钮

如果给参数true,相当于对浏览器强刷(ctrl+F5),强刷会清除之前缓存的一些图像并重新加载

我们当前页面很简单所以没有什么区别,如果你搞一个静态文件图像并在网页中展示出来,然后你又换掉了静态图像,这样就有区别了

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-06-18 23:21:39  更:2022-06-18 23:23:21 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 16:29:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码