`
viotion
  • 浏览: 3838 次
  • 性别: Icon_minigender_1
  • 来自: 宜昌
文章分类
社区版块
存档分类
最新评论

javascript 中的location.pathname

 
阅读更多

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的各个部分。

分享到:
评论

相关推荐

    js 页面刷新location.reload和location.replace的区别小结.docx

    JavaScript 中的 location.reload 和 location.replace 方法的区别 在 JavaScript 中,我们经常使用 location.reload() 和 location.replace() 两个方法来刷新页面或重定向到新的 URL。但是,这两个方法之间有着...

    JS 获取当前页面 URL.docx

    `window.location.pathname`返回URL中的路径部分。路径是从根目录开始的,因此总是以斜杠`/`开头。 ```javascript console.log(window.location.pathname); // 输出路径部分 ``` #### `window.location.search` `...

    Javascript函数大全.pdf

    在"Javascript函数大全.pdf"中,我们主要讨论了几个关键的JavaScript对象和它们的方法,这些对象包括`document`、`body`、`location`以及`selection`,并且涉及到与页面元素操作、样式设置、URL处理和用户交互相关的...

    js 页面刷新location.reload和location.replace的区别小结

    接下来看到的内容中,提到了几个与页面导航相关的JavaScript属性,包括window.location.href、window.location.protocol、window.location.host、window.location.port、window.location.pathname等。这些属性分别...

    js获取location.href的参数实例代码

    在JavaScript中,`location.href` 是一个非常重要的属性,它表示当前页面的完整URL,包括协议、主机名、路径和查询字符串。当我们需要从URL中提取特定参数时,`location.href` 提供了便利的访问方式。在本文中,我们...

    js获取网址路径

    在JavaScript中,通过`window.location`对象可以获取当前页面的URL信息。`window.location`是浏览器窗口的`location`属性,它包含有关当前URL的信息,并提供了导航功能。下面我们将详细介绍如何利用`window.location...

    location.href用法总结(最主要的)

    `location.href`还可以与URL的其他部分结合使用,如`location.pathname`获取路径名,`location.search`获取查询字符串,`location.hash`获取URL的哈希部分,这些可以用于构建和解析URL,实现更复杂的页面操作。...

    js location.replace与location.reload的区别

    当作为Location对象时,提供了许多属性和方法,可以分别获取和设置URL的不同部分,比如protocol、hostname、port、pathname、search和hash等。 1. location.replace()方法 location.replace()方法用于加载一个新的...

    Javascript常用对象.txt

    - `location.pathname`:获取当前文档路径和文件名。 - `location.hash`:获取当前文档URL的锚点部分(以“#”开始的部分)。 - `location.search`:获取URL的查询字符串部分(以“?”开始的部分)。 #### `...

    javascrip获取url方式

    本文将深入探讨如何利用JavaScript来获取URL中的不同部分,并解释每个部分的含义及其在实际应用中的作用。 ### 1. URL的基本结构 URL,即统一资源定位符(Uniform Resource Locator),是用于标识互联网上资源位置...

    hashRouter:location.hash 的路由器

    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 $...

    JAVASCRIPT-DOCUMENT方法大全.pdf

    5. `document.location.pathname`: 获取URL中的路径部分。 6. `document.location.port`: 获取URL中的端口号。 7. `document.location.protocol`: 获取URL的协议,如"http:"。 8. `document.location.search`: 获取...

    javascript高级教程.pdf

    2.7 在HTML 文档中嵌入JavaScript 2.8 编写JavaScript 脚本 第3 章 JavaScript 基本语法 3.9 JavaScript 基本数据结构 3.10 JavaScript 运算符和表达式 3.11 JavaScript 控制结构和循环 第4 章 Window 窗口对象 4.12...

    javascript学习总结.pdf

    - `location`对象包含了与当前URL相关的信息,如`protocol`(协议)、`hostname`(主机名)、`port`(端口)、`pathname`(路径)、`search`(查询参数)和`hash`(锚点)。`location.reload()`刷新页面,`location...

    javascript 的Document属性和方法集合

    - `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是互联网上...

    JavaScript获取当前url根目录(路径)

    var pathName = window.location.pathname.substring(1); var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/')); if (webName == "") { return window.location.protocol + '//' ...

    7个常见Javascript框架介绍.doc

    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...

    原生JavaScript1

    你可以通过`location.href`获取完整的URL,`location.protocol`得到协议(如"http:"或"https:"),`location.host`是服务器名和端口号,`location.pathname`是URL中的路径部分,而`location.search`则是查询字符串。...

    【JavaScript源代码】JavaScript中BOM和DOM详解.docx

    JavaScript中的BOM(Browser Object Model,浏览器对象模型)和DOM(Document Object Model,文档对象模型)是两个核心概念,它们都是JavaScript与网页交互的关键部分。 **BOM(浏览器对象模型)** 1. **Window...

Global site tag (gtag.js) - Google Analytics