用Location对象和history对象修改页面url

1.通过hash属性更改url

Location 对象包含有关当前 URL 的信息

Location.hash是URL的锚部分
Location.href是完整的URL

通过hash来更改url

location.hash = "newhash"

2.HTML5 history模式

2.1通过history对象的方法更改url

history对象，用来保存浏览历史

history.pushState() 浏览历史中添加记录
history.replaceState() 浏览历史中添加记录

通过pushState()来更改url

state：一个与指定网址相关的状态对象，popstate事件触发时，该对象会传入回调函数。如果不需要这个对象，此处可以填null。
title：新页面的标题，但是所有浏览器目前都忽略这个值，因此这里可以填null。
url：新的资源

history.pushState({},'',home.html)

通过replaceState()来更改url

history.replaceState方法的参数与pushState方法一模一样，区别是它修改浏览历史中当前纪录。

history.replaceState({},'',home.html)

2.2浏览器页面前进和退后

退后

history.back()
//等价于
history.go(-1)

前进

history.forward()
//等价于
history.go(1)

用Location对象和history对象修改页面url相关推荐

Location对象、History对象
Location对象: Window对象的location属性引用的是Location对象,它表示窗口中当前显示的内容的URL,Document对象的location属性也引用Location对象,w ...
JavaScript 基础(三) - Date对象，RegExp对象，Math对象，Window 对象，History 对象，Location 对象，DOM 节点...
Date对象创建Date对象 //方法1:不指定参数var date_obj = new Date();alert(date_obj.toLocaleString())//方法2:参数为日期字符串v ...
BOM--location对象、history对象
location对象 location 是最有用的BOM 对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能. 事实上,location 对象是很特别的一个对象,因为它既是win ...
javascript的浏览器Bom详解,window、location、history对象
BOM(BrowserObjectModel)也叫浏览器对象模型,描述与浏览器进行交互的方法和接口.BOM由多个对象组成, 其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对 ...
(二)、JavaScript页面访问记录(History 对象)
history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能. 注意:从窗口被打开的那一刻开始记录,每个浏览器窗口.每个标签页乃至每个框架,都有自己的history ...
JavaScript知识笔记（三）——内置对象、浏览器对象
内置对象: (与Java很像) JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长 ...
6、JavaScript进阶篇③——浏览器对象、Dom对象
一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,windo ...
JavaScript进阶篇③ — 浏览器对象、Dom对象
一.浏览器对象 1. window对象 window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,windo ...
js内置对象于自定义对象
自定义对象开发人员根据自己的需要而定义的新的对象. javaScript内置对象 javaScript将一些常用功能预先定义成对象,用户可以直接使用, 如window对象,Document对象,Hi ...

用Location对象和history对象修改页面url

用Location对象和history对象修改页面url

1.通过hash属性更改url

2.HTML5 history模式

2.1通过history对象的方法更改url

2.2浏览器页面前进和退后

用Location对象和history对象修改页面url相关推荐

最新文章

热门文章