认识Javascript中的Location对象(一)
Location对象包含了当前页面与位置(url)相关的信息
URL示例:http://www.baidu.com:80/news/index.aspx?id=1&name=location#top
Location对象共定义了8个属性:
href:声明了当前显示文档的完整的URL
protocol:声明URL的协议部分,包括后缀的冒号,例如http:
host:声明当前URL的主机名和端口号(是hostname和port的合集),例如www.baidu.com:80
hostname:声明当前URL的主机名,例如www.baidu.com
port:声明当前URL的端口部分,例如80
pathname:声明当前URL的路径部分,例如news/index.aspx
search:声明当前URL的查询部分,例如?id=1&name=localhost
hash:声明当前URL的锚的部分,例如#top,指定在文档中的锚记的名称
Location对象的这些属性都是可读可写的,如果改变了文档的location.href,则浏览器会载入新的页面。同样如果改变了location.hash,则页面会跳转到新的锚点,但此时页面不会重载。
想必大家会想,这个与link对象的url属性类似啊,不过link对象表示的是文档中的超链接,而Location对象表示的是浏览器当前显示文档的url。
当然,Location对象还有两个方法:reload()和replace()
reload():可以重新装载当前文档
replace():可以装载一个新文档而无须为它创建一个新的历史记录。也就是说,在浏览器的历史列表中,新文档将替换当前文档。这样就不能通过【返回】按钮返回当前文档了。
通过将url字符串信息赋值给窗口的location属性来装载新文档,可以实现返回浏览。
对那些使用了框架而且显示多个临时也的网站来说,replace()方法比较有用,这样临时页面都不被存储在历史列表中。
注意:
不要混淆Window对象的location属性和Document对象的location对象。前者引用一个Location对象,后者只是一个只读字符串,并不具有Location对象的任何特性。Document.location与document.URL是同义的。但是,当存在服务器重定向时,document.location包含的是已经装载的URL,而location.href包含的则是原始请求的文档的URL。
认识Javascript中的Location对象(一)相关推荐
- 【从0到1学Web前端】javascript中的ajax对象(一)
[从0到1学Web前端]javascript中的ajax对象(一) 如今最流行的获取后端的(浏览器从server)数据的方式就是通过Ajax了吧.今天就来具体的来学习下这个知识吧.假设使用ajax来訪 ...
- Javascript基础与面向对象基础~第四讲 Javascript中的类对象
今天来说JS中如何实现类(class),事实上本应该昨天晚上写的,可我失言了,在些说一声"抱歉"!JS中的类是JS面向对象的基础,也是我最拿手的东西,你写的代码能否提高一个层次,一 ...
- php节点对象,JavaScript_JavaScript中访问节点对象的方法有哪些如何使用,JavaScript中访问节点对象的方法 - phpStudy...
JavaScript中访问节点对象的方法有哪些如何使用 JavaScript中访问节点对象的方法有哪些? var obj = document.getElementById('fdafda'); va ...
- JavaScript id_好程序员web前端分享Javascript中函数作为对象
好程序员web前端分享Javascript中函数作为对象,Javascript赋予了函数非常多的特性,其中最重要的特性之一就是将函数作为第一型的对象.那就意味着在javascript中函数可以有属性, ...
- 在 JavaScript 中创建 JSON 对象
<html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2><p> Name: <span id=& ...
- JavaScript中的arguments对象
JavaScript中的arguments对象 arguments 是一个类似数组的对象, 对应于传递给函数的参数. 语法 arguments 描述 arguments对象是所有函数中可用的局部变量. ...
- 选择嵌套_如何优雅地在JavaScript中访问嵌套对象
在JavaScript中访问嵌套对象 以超酷的方式安全地访问JavaScript中的嵌套对象 JavaScript是惊人的,我们都知道.但是JavaScript中的一些东西真的很奇怪,它们让我们大开眼 ...
- JavaScript中的XMLHttpRequest对象
1.什么是 XMLHttpRequest 对象? XMLHttpRequest 对象用于在后台与服务器交换数据. XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 PO ...
- 广州蓝景分享—前端开发JavaScript中的Array对象与其他数组
各位小伙伴好,今天我们广州蓝景与大家分享一些前端技术知识. JavaScript中的Array对象与其他编程语言中的数组一样,可以将多个项目的集合存储在单个变量名下,并具有用于执行常见数组操作的成员. ...
最新文章
- java web junit_如何使用junit测试javaweb工程
- BootstrapTable组件冻结列
- Tomcat 项目代码上线步骤详解
- 监督学习和无监督学习_一篇文章区分监督学习、无监督学习和强化学习
- 加投35000瓶原价茅台 天猫双11今晚8点开售
- node连接--MySQL
- 关于jsp:include 动态引入的值传递问题(数据共享问题)
- 机器学习当道,还在使用基于词典的文本挖掘方法么,过时啦!
- ftp连接显示被服务器被拒绝,ftp连接服务器被拒绝原因
- 中国运营商IP范围 路由表
- 飞桨领航团武汉长沙 | AI如何1秒记笔记,检测你的皮肤状态?
- 怎么判断电脑是32位还是64位呢
- 对睡眠好的东西,失眠了,就看看这些助眠好物
- 上海交通大学 计算机 复试,上海交大电院复试回忆
- 分布式系统全链路压测方法
- 计算机软件固定资产无形资产,该归入固定资产还是无形资产?
- 51单片机入门·开篇
- CANalyzer/CANoe 回放CAN报文的流程
- 什么人适合考国家注册审核员呢
- 数据结构(邓俊辉):栈与队列