使用History和location(js的问题)

简介: 使用History和location(js的问题)

1、History

window.hostory 属性指向History对象

表示当前窗口的浏览历史

类似栈的数据结构

History:
  back()
  forward()
  go() 0 -1 -2
  pushState()
  replaceState()

2、Location

window.location和document.location

Location:
  href:      整个URL
  protocal   URL协议,包括冒号
  host       主机 包括主机名,冒号:,端口
  hostname   主机名,不包括端口
  port       端口号
  pathname   URL的路径部分,从根路径/ 开始
  search     查询字符串,问号?开始
  hash       片段字符串 从#开始
  username   用户名
  password   密码
  origin     URL协议,主机名,端口号
相关文章
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
2月前
|
JavaScript 前端开发
JavaScript Window Location
JavaScript Window Location
29 2
|
JavaScript 前端开发
前端祖传三件套JavaScript的BOM的location对象
在前端开发中,BOM(浏览器对象模型)提供了很多与浏览器窗口相关的操作,其中最重要的就是 window 对象。而 Location 对象则代表了当前窗口的 URL 地址信息,包括协议、主机名、路径等。在本文中,我们将深入探讨 JavaScript Location 对象,并介绍其中一些常用的属性和方法。
79 0
|
JavaScript 前端开发 对象存储
JS中Location使用详解
javascript中 location用于获取或设置窗体的URL,并且可以用于解析URL,是BOM中最重要的对象之一,下面我们就来详细探讨下Location对象的使用。
377 0
|
JavaScript
js基础笔记学习257location
js基础笔记学习257location
49 0
js基础笔记学习257location
|
JavaScript 前端开发
JavaScript学习笔记(四),js中的location地址跳转,confirm确认验证、setInterval定时器的使用
JavaScript学习笔记(四),js中的location地址跳转,confirm确认验证、setInterval定时器的使用
215 0
JavaScript学习笔记(四),js中的location地址跳转,confirm确认验证、setInterval定时器的使用
|
JavaScript 前端开发
JavaScript通过改变location对象的hash属性实现相同页面显示不同详情内容的效果
JavaScript通过改变location对象的hash属性的应用 前面我们学到了BOM的Location对象,现在来讲一下实际的应用。通过改变hash属性获取不同的数据。 1.列表页面代码: <a href="10模拟详情页面.html#0" target="_blank">张三</a> <a href="10模拟详情页面.html#1" target="_blank">李四</a> <a href="10模拟详情页面.html#2" target="_blank">王五</a> <a href="10模拟详情页面.html#3" target="_b
|
JavaScript 前端开发
Javascript Location对象
Javascript Location对象
113 0
Javascript Location对象