`

window.location获取URL中各部分

阅读更多

URL即:统一资源定位符 (Uniform Resource Locator, URL)
完整的URL由这几个部分构成:
    scheme://host:port/path?query#fragment 
    scheme(通信协议):常用的http,ftp,maito等

    host(主机): 服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

    port(端口号):整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

    path(路径):由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

    query(查询):可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。

    fragment(信息片断):字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)

对于这样一个URL

http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere


我们可以用javascript获得其中的各个部分
1, window.location.href
      整个URl字符串(在浏览器中就是完整的地址栏)
      本例返回值: http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2,window.location.protocol
      URL 的协议部分
      本例返回值:http:

3,window.location.host
      URL 的主机部分
      本例返回值:www.x2y2.com

4,window.location.port
      URL 的端口部分
      如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
      本例返回值:""

5,window.location.pathname
      URL 的路径部分(就是文件地址)
      本例返回值:/fisker/post/0703/window.location.html

6,window.location.search
      查询(参数)部分
      除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
      本例返回值:?ver=1.0&id=6

7,window.location.hash
      锚点
      本例返回值:#imhere <src="http://feeds.feedburner.com/~s/fisker?i=http://www.x2y2.com/fisker/post/0703/window.location.html" type="text/javascript" charset="utf-8">

分享到:
评论

相关推荐

    window.location.hash解析

    在JavaScript编程中,`window.location.hash` 是一个非常重要的属性,它用于获取或设置当前URL的哈希值,也就是URL中“#”后面的部分。这个属性在开发网页应用时经常被用来实现页面内的导航和锚点定位。这篇博客文章...

    javascript 打开页面window.location和window.open的区别.docx

    `window.location` 属性提供了对当前文档URL的访问,可以用来获取或修改当前页面的URL。 ##### 1. window.location.href - **用途**:读取或设置当前文档的URL。 - **示例**: ```javascript // 获取当前页面的...

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

    window.location 对象是 JavaScript 中的一个对象,用于获取或设置当前页面的 URL。该对象有多个属性,包括: * href:获取或设置当前页面的完整 URL。 * protocol:获取当前页面的协议部分。 * host:获取当前页面...

    深入解析:`window.location`对象在JavaScript中的运用

    这个对象包含了许多属性和方法,可以用来获取URL的各个组成部分,甚至可以用来导航到新的页面。本文将详细探讨window.location对象的工作原理、它的属性和方法,以及如何在实际开发中有效利用它。 window.location...

    JS 获取当前页面 URL.docx

    `window.location.hash`返回URL中的锚点部分,即URL中`#`后面的部分。 ```javascript console.log(window.location.hash); // 输出锚点部分 ``` #### `document.domain` 虽然`document.domain`不是`window....

    字符串 window.open() window.opener window.name window对象等的总结

    - `window.location`:包含了当前窗口URL的信息,可以修改来导航到新的页面。 - `window.history`:提供了浏览历史记录的管理功能,如`history.back()`、`history.forward()`。 - `window.document`:提供了对HTML...

    window.open打开新窗口参数设置

    在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助开发者更好地掌握此方法的用法。 #### 一、`...

    javascrip获取url方式

    JavaScript获取URL的各部分 #### 2.1 window.location.href 这个属性返回当前文档的完整URL,包括协议、主机名、端口号、路径、查询字符串和片段标识符。 示例代码: ```javascript console.log(window.location....

    top.location.href和localtion.href有什么不同

    在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前文档的URL。在涉及到网页中的框架(Frames)时,`top.location.href`与`location.href`...

    JS获取地址栏url所有信息的方法

    6. 获取 URL 的查询部分:使用 `window.location.search` 可以获取 URL 的查询部分,用于给动态语言赋值以外,我们同样可以给静态页面,并使用 JavaScript 来获得相应的参数值。 例子:`?utm_medium=bb&utm_source=...

    获得当前页面的url

    获得当前页面的url ... //获取url中"?"符后的字串 document.referrer 获取来路的url,相当于php的$_SERVER['HTTP_REFERER']。 encodeURIComponent() 对url进行转定义,相当于php的urlencode()函数。

    js中window获取地址方法(多种)

    通过 `window.location` 及其相关属性,开发者可以方便地获取当前页面 URL 的各个组成部分。这对于页面导航、表单提交以及动态内容加载等操作都非常重要。理解 URL 的结构以及如何利用 JavaScript 来操作 URL 是每一...

    JS 获取当前页面的URL

    首先,`window.location`对象是JavaScript中用于获取和设置当前页面URL的重要对象。它包含了关于当前URL的所有信息,如协议、主机名、路径、查询字符串和哈希值等。以下是一些常用的方法和属性: 1. `window....

    js获取url参数.rar url参数获取

    JavaScript提供了多种方法来获取URL参数,如`window.location.search`、`URLSearchParams`接口以及正则表达式。开发者可以根据项目需求和浏览器兼容性选择合适的方法。理解这些方法的工作原理对于开发Web应用至关...

    AS语言获取url参数的说明

    本文详细介绍了如何使用AS语言获取URL中的各个组成部分,包括完整的URL、协议、主机名、端口号、路径、查询字符串以及片段标识符。此外,还提供了一个具体的示例,演示了如何处理查询字符串中的参数。这些技术对于...

    JS 中document.URL 和 windows.location.href 的区别

    在JavaScript中,`document.URL`和`window.location.href`都是用来获取当前页面URL的属性,但它们之间存在一些微妙的差异。理解这些差异对于编写精确的前端代码至关重要。 首先,我们要明确`document`和`window`是...

    js获取网址路径

    下面我们将详细介绍如何利用`window.location`对象的不同属性来获取网址中的各种组成部分。 #### 二、`window.location`对象的主要属性 1. **`window.location.href`**:返回完整的URL(包括协议、主机名、端口、...

    (JS获取地址栏url所有信息的方法

    本文将详细介绍如何使用JavaScript来获取URL中的各种组成部分。 #### URL的基本结构 URL(统一资源定位符)是互联网上标准资源的地址。一个完整的URL通常包括以下几个部分: 1. **Scheme(协议)**:指明使用的...

    JavaScript 中document.URL 和 [removed].href 的区别

    在探讨JavaScript中`document.URL`与`window.location.href`之间的差异之前,我们首先需要了解`document`和`window`这两个核心对象的基本概念及其作用。这不仅有助于理解它们各自属性的具体含义,还能帮助开发者在...

    js中window.open打开一个新的页面.docx

    window.open() 函数在 JavaScript 中的应用详解 window.open() 函数是 JavaScript 中一个非常重要的函数,用于打开一个新的浏览器窗口或标签页。在实际开发中,我们经常需要使用 window.open() 函数来打开新的页面...

Global site tag (gtag.js) - Google Analytics