`
ch_kexin
  • 浏览: 903052 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

window.location详细介绍

 
阅读更多
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页面跳转的用法(区别于redirect)

    本文将详细介绍如何使用`window.location.href`进行页面跳转,并探讨它与`Response.Redirect`的区别。 #### 使用场景 假设在一个ASP.NET项目中,当用户完成某个操作(例如注册账号),我们希望在显示一个提示信息...

    window.location.hash解析

    这篇博客文章可能详细讲解了如何使用和解析`window.location.hash`。 哈希值在网页中的主要用途是实现页面内部跳转,例如,如果有一个长页面,我们可以在链接中指定一个哈希值,当用户点击这个链接时,浏览器不会...

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

    - **刷新页面**:如果需要刷新当前页面,可以使用 `window.location.reload()` 方法。 - **跨域限制**:使用 `window.location` 或 `window.open` 时需要注意同源策略,确保不会违反跨域限制。 #### 七、总结 综上...

    详解js location.href和window.open的几种用法和区别.docx

    详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法,用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...

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

    本文详细介绍了window.location对象的属性和方法的使用方法和应用场景,希望能够帮助你在实际开发中更好地处理URL相关的功能。如果你在实际开发中遇到任何问题,可以参考本文的内容,或者查阅相关的文档和社区讨论。

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

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

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

    * window.location.href:获取整个 URL 字符串(在浏览器中就是完整的地址栏)。 * window.location.protocol:获取 URL 的协议部分。 * window.location.host:获取 URL 的主机部分。 * window.location.port:获取...

    jsp 刷新父页面

    window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("<script>...

    window.open.txt

    window.open("location.html", "_blank", "location"); ``` #### menubar `menubar`特性控制是否显示菜单栏。如果设置为`menubar=1`或省略,则显示菜单栏;如果设置为`menubar=0`,则隐藏菜单栏。示例代码如下: ``...

    window.showModalDialog以及window.open用法简介

    Window.showModalDialog 和 Window.open 都是 JavaScript 中的方法,用于创建新窗口或对话框,下面分别介绍它们的用法和参数。 一、Window.open() 方法 Window.open() 方法用于打开一个新的浏览器窗口,可以指定新...

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

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

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

    window.open('/myoa/admin/manage.jsp', '_blank', 'height=300,width=500,scrollbars=no,location=no'); ``` #### 五、注意事项 1. **兼容性问题**:不同的浏览器对 `window.open()` 方法的支持程度不同,因此...

    Window.Open详解

    ### Window.open() 方法详解 #### 一、方法简介 `window.open()` 是一个在Web开发中经常被用来创建新浏览器窗口或标签页的方法。此方法是 `window` 对象的一个属性,通过调用该方法可以指定打开的新窗口的URL、...

    解决window.showModalDialog跨域返回值

    window.location.href = "http://127.1.1.1:1010/.../closePage.jsp?callFlag=" + param; } ``` 在`closePage.jsp`中,我们可以捕获URL中的`callFlag`参数,处理完成后关闭对话框。至此,我们成功地解决了`window....

    JS 获取当前页面 URL.docx

    `window.location.href`返回一个字符串,该字符串包含完整的当前页面URL。这包括了协议(http或https)、主机名、端口号(如果有的话)、路径和查询字符串等所有部分。 ```javascript console.log(window.location....

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

    在本文中,我们将详细介绍 window.open() 函数的使用方式、参数配置、常见问题和解决方法,以便帮助开发者更好地理解和使用 window.open() 函数。 一、window.open() 函数的基本用法 window.open() 函数的基本语法...

    window.open()参数

    在本文中,我们将详细介绍 window.open() 函数的参数大全,并提供一些实用的代码示例。 基本语法 window.open() 函数的基本语法如下所示: `window.open(url, name, features)` 其中,url 是要打开的网页的 URL...

Global site tag (gtag.js) - Google Analytics