window.location方法获取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直接定位到某一名词解释。(也称为锚点.)
示例:
http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love
1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
返回值:http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love 2,window.location.protocol
URL 的协议部分
返回值:http:
3,window.location.host
URL 的主机部分,
返回值:www.home.com
4,window.location.port
URL 的端口部分。如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符。
本例返回值:8080
5,window.location.pathname
URL 的路径部分(就是文件地址)
返回值:/windows/location/page.html
6,window.location.search
查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
返回值:?ver=1.0&id=timlq
7,window.location.hash
锚点
返回值:#love
分享到:
相关推荐
本文将详细介绍如何使用`window.location.href`进行页面跳转,并探讨它与`Response.Redirect`的区别。 #### 使用场景 假设在一个ASP.NET项目中,当用户完成某个操作(例如注册账号),我们希望在显示一个提示信息...
这篇博客文章可能详细讲解了如何使用和解析`window.location.hash`。 哈希值在网页中的主要用途是实现页面内部跳转,例如,如果有一个长页面,我们可以在链接中指定一个哈希值,当用户点击这个链接时,浏览器不会...
- **刷新页面**:如果需要刷新当前页面,可以使用 `window.location.reload()` 方法。 - **跨域限制**:使用 `window.location` 或 `window.open` 时需要注意同源策略,确保不会违反跨域限制。 #### 七、总结 综上...
详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法,用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...
本文详细介绍了window.location对象的属性和方法的使用方法和应用场景,希望能够帮助你在实际开发中更好地处理URL相关的功能。如果你在实际开发中遇到任何问题,可以参考本文的内容,或者查阅相关的文档和社区讨论。
* window.location.href:获取整个 URL 字符串(在浏览器中就是完整的地址栏)。 * window.location.protocol:获取 URL 的协议部分。 * window.location.host:获取 URL 的主机部分。 * window.location.port:获取...
window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("<script>...
- `window.location`:包含了当前窗口URL的信息,可以修改来导航到新的页面。 - `window.history`:提供了浏览历史记录的管理功能,如`history.back()`、`history.forward()`。 - `window.document`:提供了对HTML...
window.open("location.html", "_blank", "location"); ``` #### menubar `menubar`特性控制是否显示菜单栏。如果设置为`menubar=1`或省略,则显示菜单栏;如果设置为`menubar=0`,则隐藏菜单栏。示例代码如下: ``...
Window.showModalDialog 和 Window.open 都是 JavaScript 中的方法,用于创建新窗口或对话框,下面分别介绍它们的用法和参数。 一、Window.open() 方法 Window.open() 方法用于打开一个新的浏览器窗口,可以指定新...
在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前文档的URL。在涉及到网页中的框架(Frames)时,`top.location.href`与`location.href`...
window.open('/myoa/admin/manage.jsp', '_blank', 'height=300,width=500,scrollbars=no,location=no'); ``` #### 五、注意事项 1. **兼容性问题**:不同的浏览器对 `window.open()` 方法的支持程度不同,因此...
### Window.open() 方法详解 #### 一、方法简介 `window.open()` 是一个在Web开发中经常被用来创建新浏览器窗口或标签页的方法。此方法是 `window` 对象的一个属性,通过调用该方法可以指定打开的新窗口的URL、...
`window.location.href`返回一个字符串,该字符串包含完整的当前页面URL。这包括了协议(http或https)、主机名、端口号(如果有的话)、路径和查询字符串等所有部分。 ```javascript console.log(window.location....
在本文中,我们将详细介绍 window.open() 函数的使用方式、参数配置、常见问题和解决方法,以便帮助开发者更好地理解和使用 window.open() 函数。 一、window.open() 函数的基本用法 window.open() 函数的基本语法...
在本文中,我们将详细介绍 window.open() 函数的参数大全,并提供一些实用的代码示例。 基本语法 window.open() 函数的基本语法如下所示: `window.open(url, name, features)` 其中,url 是要打开的网页的 URL...
### window.open 的参数详细应用 在网页开发过程中,`window.open` 方法被广泛应用于打开新的浏览器窗口或标签页。此方法对于实现弹出窗口、预览功能等具有重要作用。下面将详细探讨 `window.open` 方法的各项参数...