location.pathname:
返回URL的域名(域名IP)后的部分。例如 http://www.joymood.cn/wordpress/返回/wordpress/,又或则 http://127.0.0.1/index.html 返回/index.html,注意是带url的域名或域名IP
,在磁盘上随便建个Html文件进行location.pathname测试,如浏览器上的路径是:
C:\Documents and Settings\Administrator\桌面\testjs.html,
这样,得到的结果是:
/C:\Documents and Settings\Administrator\桌面\testjs.html
既然提到这了,那我们就分析下下面的URL:
http://www.joymood.cn:8080/test.php?user=admin&pwd=admin#login
想得到整个如上的完整url,我们用:location.href;
得到传输协议http:,
我们用:location.protocol;
得到主机名连同端口www.joymood.cn:8080
,我们用:location.host;
得到主机名www.joymood.cn
,我们用:location.hostname;
得到主机后部分不包括问号?后部分的/test.php
,就用我们刚才讲的:location.pathname;
得到url中问号?之后井号#之前的部分?user=admin&pwd=admin
,我们就用:
location.search;
得到#之前的部分#login
,我们就用location.hash;
经过上面的讲述,我们可以通过location对象的某些属性得到一个完整URL的各个部分。
分享到:
相关推荐
JavaScript 中的 location.reload 和 location.replace 方法的区别 在 JavaScript 中,我们经常使用 location.reload() 和 location.replace() 两个方法来刷新页面或重定向到新的 URL。但是,这两个方法之间有着...
`window.location.pathname`返回URL中的路径部分。路径是从根目录开始的,因此总是以斜杠`/`开头。 ```javascript console.log(window.location.pathname); // 输出路径部分 ``` #### `window.location.search` `...
在"Javascript函数大全.pdf"中,我们主要讨论了几个关键的JavaScript对象和它们的方法,这些对象包括`document`、`body`、`location`以及`selection`,并且涉及到与页面元素操作、样式设置、URL处理和用户交互相关的...
接下来看到的内容中,提到了几个与页面导航相关的JavaScript属性,包括window.location.href、window.location.protocol、window.location.host、window.location.port、window.location.pathname等。这些属性分别...
在JavaScript中,`location.href` 是一个非常重要的属性,它表示当前页面的完整URL,包括协议、主机名、路径和查询字符串。当我们需要从URL中提取特定参数时,`location.href` 提供了便利的访问方式。在本文中,我们...
在JavaScript中,通过`window.location`对象可以获取当前页面的URL信息。`window.location`是浏览器窗口的`location`属性,它包含有关当前URL的信息,并提供了导航功能。下面我们将详细介绍如何利用`window.location...
`location.href`还可以与URL的其他部分结合使用,如`location.pathname`获取路径名,`location.search`获取查询字符串,`location.hash`获取URL的哈希部分,这些可以用于构建和解析URL,实现更复杂的页面操作。...
当作为Location对象时,提供了许多属性和方法,可以分别获取和设置URL的不同部分,比如protocol、hostname、port、pathname、search和hash等。 1. location.replace()方法 location.replace()方法用于加载一个新的...
- `location.pathname`:获取当前文档路径和文件名。 - `location.hash`:获取当前文档URL的锚点部分(以“#”开始的部分)。 - `location.search`:获取URL的查询字符串部分(以“?”开始的部分)。 #### `...
本文将深入探讨如何利用JavaScript来获取URL中的不同部分,并解释每个部分的含义及其在实际应用中的作用。 ### 1. URL的基本结构 URL,即统一资源定位符(Uniform Resource Locator),是用于标识互联网上资源位置...
location.hash 的路由器 文件 示例网址: : $router.path console . log ( $router . path ) ; // aaa/bbb/ccc?x=1&y=2&y=3&z $router . path = 'ccc/ddd' ; console . log ( $router . path ) ; // ccc/ddd $...
5. `document.location.pathname`: 获取URL中的路径部分。 6. `document.location.port`: 获取URL中的端口号。 7. `document.location.protocol`: 获取URL的协议,如"http:"。 8. `document.location.search`: 获取...
2.7 在HTML 文档中嵌入JavaScript 2.8 编写JavaScript 脚本 第3 章 JavaScript 基本语法 3.9 JavaScript 基本数据结构 3.10 JavaScript 运算符和表达式 3.11 JavaScript 控制结构和循环 第4 章 Window 窗口对象 4.12...
- `location`对象包含了与当前URL相关的信息,如`protocol`(协议)、`hostname`(主机名)、`port`(端口)、`pathname`(路径)、`search`(查询参数)和`hash`(锚点)。`location.reload()`刷新页面,`location...
- `document.location.pathname`: URL的路径部分。 - `document.location.port`: URL的端口号。 - `document.location.protocol`: URL的协议,如"http:"或"https:"。 - `document.location.search`: URL中问号?...
`location`对象在JavaScript中扮演着至关重要的角色,它允许我们获取当前页面的URL,以及改变浏览器的URL,从而实现页面的重定向或跳转。 首先,我们要理解URL(Uniform Resource Locator)是什么。URL是互联网上...
var pathName = window.location.pathname.substring(1); var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/')); if (webName == "") { return window.location.protocol + '//' ...
var strPath = window.document.location.pathname; var pos = strFullPath.indexOf(strPath); var prePath = strFullPath.substring(0, pos); var postPath = strPath.substring(0, strPath.substr(1).indexOf...
你可以通过`location.href`获取完整的URL,`location.protocol`得到协议(如"http:"或"https:"),`location.host`是服务器名和端口号,`location.pathname`是URL中的路径部分,而`location.search`则是查询字符串。...
JavaScript中的BOM(Browser Object Model,浏览器对象模型)和DOM(Document Object Model,文档对象模型)是两个核心概念,它们都是JavaScript与网页交互的关键部分。 **BOM(浏览器对象模型)** 1. **Window...