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">
分享到:
相关推荐
在JavaScript编程中,`window.location.hash` 是一个非常重要的属性,它用于获取或设置当前URL的哈希值,也就是URL中“#”后面的部分。这个属性在开发网页应用时经常被用来实现页面内的导航和锚点定位。这篇博客文章...
`window.location` 属性提供了对当前文档URL的访问,可以用来获取或修改当前页面的URL。 ##### 1. window.location.href - **用途**:读取或设置当前文档的URL。 - **示例**: ```javascript // 获取当前页面的...
window.location 对象是 JavaScript 中的一个对象,用于获取或设置当前页面的 URL。该对象有多个属性,包括: * href:获取或设置当前页面的完整 URL。 * protocol:获取当前页面的协议部分。 * host:获取当前页面...
这个对象包含了许多属性和方法,可以用来获取URL的各个组成部分,甚至可以用来导航到新的页面。本文将详细探讨window.location对象的工作原理、它的属性和方法,以及如何在实际开发中有效利用它。 window.location...
`window.location.hash`返回URL中的锚点部分,即URL中`#`后面的部分。 ```javascript console.log(window.location.hash); // 输出锚点部分 ``` #### `document.domain` 虽然`document.domain`不是`window....
- `window.location`:包含了当前窗口URL的信息,可以修改来导航到新的页面。 - `window.history`:提供了浏览历史记录的管理功能,如`history.back()`、`history.forward()`。 - `window.document`:提供了对HTML...
在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助开发者更好地掌握此方法的用法。 #### 一、`...
JavaScript获取URL的各部分 #### 2.1 window.location.href 这个属性返回当前文档的完整URL,包括协议、主机名、端口号、路径、查询字符串和片段标识符。 示例代码: ```javascript console.log(window.location....
在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前文档的URL。在涉及到网页中的框架(Frames)时,`top.location.href`与`location.href`...
6. 获取 URL 的查询部分:使用 `window.location.search` 可以获取 URL 的查询部分,用于给动态语言赋值以外,我们同样可以给静态页面,并使用 JavaScript 来获得相应的参数值。 例子:`?utm_medium=bb&utm_source=...
获得当前页面的url ... //获取url中"?"符后的字串 document.referrer 获取来路的url,相当于php的$_SERVER['HTTP_REFERER']。 encodeURIComponent() 对url进行转定义,相当于php的urlencode()函数。
通过 `window.location` 及其相关属性,开发者可以方便地获取当前页面 URL 的各个组成部分。这对于页面导航、表单提交以及动态内容加载等操作都非常重要。理解 URL 的结构以及如何利用 JavaScript 来操作 URL 是每一...
首先,`window.location`对象是JavaScript中用于获取和设置当前页面URL的重要对象。它包含了关于当前URL的所有信息,如协议、主机名、路径、查询字符串和哈希值等。以下是一些常用的方法和属性: 1. `window....
JavaScript提供了多种方法来获取URL参数,如`window.location.search`、`URLSearchParams`接口以及正则表达式。开发者可以根据项目需求和浏览器兼容性选择合适的方法。理解这些方法的工作原理对于开发Web应用至关...
本文详细介绍了如何使用AS语言获取URL中的各个组成部分,包括完整的URL、协议、主机名、端口号、路径、查询字符串以及片段标识符。此外,还提供了一个具体的示例,演示了如何处理查询字符串中的参数。这些技术对于...
在JavaScript中,`document.URL`和`window.location.href`都是用来获取当前页面URL的属性,但它们之间存在一些微妙的差异。理解这些差异对于编写精确的前端代码至关重要。 首先,我们要明确`document`和`window`是...
下面我们将详细介绍如何利用`window.location`对象的不同属性来获取网址中的各种组成部分。 #### 二、`window.location`对象的主要属性 1. **`window.location.href`**:返回完整的URL(包括协议、主机名、端口、...
本文将详细介绍如何使用JavaScript来获取URL中的各种组成部分。 #### URL的基本结构 URL(统一资源定位符)是互联网上标准资源的地址。一个完整的URL通常包括以下几个部分: 1. **Scheme(协议)**:指明使用的...
在探讨JavaScript中`document.URL`与`window.location.href`之间的差异之前,我们首先需要了解`document`和`window`这两个核心对象的基本概念及其作用。这不仅有助于理解它们各自属性的具体含义,还能帮助开发者在...
window.open() 函数在 JavaScript 中的应用详解 window.open() 函数是 JavaScript 中一个非常重要的函数,用于打开一个新的浏览器窗口或标签页。在实际开发中,我们经常需要使用 window.open() 函数来打开新的页面...