JavaScript中的location对象
2022/8/5 14:23:54
本文主要是介绍JavaScript中的location对象,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
简介:
location 是最有用的 BOM 对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。事实上,location 对象是很特别的一个对象,因为它既是 window 对象的属性,也是document 对象的属性;换句话说,window.location 和document.location 引用的是同一个对象。
location用于获取或设置窗体的URL,并且可以用于解析URL。
属性:
1.Location.href
包含整个 URL 的一个DOMString
2.Location.protocol (en-US)
包含 URL 对应协议的一个DOMString,最后有一个":"。
3.Location.host
包含了域名的一个DOMString,可能在该串最后带有一个":"并跟上 URL 的端口号。
4.Location.hostname
包含 URL 域名的一个DOMString。
5.Location.port (en-US)
包含端口号的一个DOMString。
6.Location.pathname (en-US)
包含 URL 中路径部分的一个DOMString,开头有一个“/"。
7.Location.search
包含 URL 参数的一个DOMString,开头有一个“?”。
8.Location.hash
包含块标识符的DOMString,开头有一个“#”。
案例:
//创建元素a并使用href属性 //更正确的选择是浏览到URL并使用document.location或window.location var url = document.createElement('a'); url.href ='https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container'; console.log(url.href); // https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container console.log(url.protocol); // https: console.log(url.host); // developer.mozilla.org console.log(url.hostname); // developer.mozilla.org console.log(url.port); // (blank - https assumes port 443) console.log(url.pathname); // /en-US/search console.log(url.search); // ?q=URL console.log(url.hash); // #search-results-close-container console.log(url.origin); // https://developer.mozilla.org
结果为:
方法
1.Location.assign()
加载给定 URL 的内容资源到这个 Location 对象所关联的对象上。
2.Location.reload()
重新加载来自当前 URL 的资源。他有一个特殊的可选参数,类型为 Boolean (en-US),该参数为 true 时会导致该方法引发的刷新一定会从服务器上加载数据。如果是 false或没有制定这个参数,浏览器可能从缓存当中加载页面。
3.Location.replace()
用给定的 URL 替换掉当前的资源。与 assign() 方法不同的是用 replace()替换的新页面不会被保存在会话的历史 History中,这意味着用户将不能用后退按钮转到该页面。
4.Location.toString()
返回一个DOMString,包含整个 URL。 它和读取URLUtils.href的效果相同。但是用它是不能够修改 Location 的值的。
案例:
<a href="https://www.cnblogs.com/qianduanLamp/p/16547244.html" id="url"></a> <button onclick="myAssign()">assign()</button> <button onclick="myReload()">reload()</button> <button onclick="myReplace()">replace()</button> <button onclick="myToString()">toString()</button> <script> var url = 'https://www.cnblogs.com/qianduanLamp'; function myAssign() { location.assign(url); } function myReload() { location.reload(); } function myReplace() { location.replace(url); } function myToString() { var url = document.getElementById('url'); var str = url.toString(); alert(str); } </script>
这篇关于JavaScript中的location对象的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?
- 2024-05-09企业src漏洞挖掘-有意思的命令执行