`

JAVASCRIPT获取当前页面的URL信息

阅读更多
以前在做网站的时候,经常会遇到当前页的分类高亮显示,以便让用户了解当前处于哪个页面。之前一直是在每个不同页面写方法。工程量大,也不便于修改。一直在想有什么简便的方法实现。后来在网上查到可以用获取当前URL的详细信息来判断。所以收集了JQUERY获取URL的函数的资料。

设置或获取对象指定的文件名或路径。
window.location.pathname
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.pathname); 则输出:/topic/index

设置或获取整个 URL 为字符串。
window.location.href
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.href); 则输出:http://localhost:8086/topic/index?topicId=361

设置或获取与 URL 关联的端口号码。
window.location.port
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.port); 则输出:8086

设置或获取 URL 的协议部分。
window.location.protocol
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.protocol); 则输出:http:

设置或获取 href 属性中在井号“#”后面的分段。
window.location.hash

设置或获取 location 或 URL 的 hostname 和 port 号码。
window.location.host
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.host); 则输出:http:localhost:8086

设置或获取 href 属性中跟在问号后面的部分。
window.location.search
例:http://localhost:8086/topic/index?topicId=361
alert(window.location.search); 则输出:?topicId=361

window.location
属性                  描述
hash                设置或获取 href 属性中在井号“#”后面的分段。
host                 设置或获取 location 或 URL 的 hostname 和 port 号码。
hostname      设置或获取 location 或 URL 的主机名称部分。
href                  设置或获取整个 URL 为字符串。
pathname      设置或获取对象指定的文件名或路径。
port                  设置或获取与 URL 关联的端口号码。
protocol          设置或获取 URL 的协议部分。
search            设置或获取 href 属性中跟在问号后面的部分。

附上一个关于PHP中服务器变量获取query字符串的各个参数方法:http://blog.unvs.cn/archives/php-server-url-string.html


本文来源于:http://blog.unvs.cn/archives/jquery-local-url-param.html
分享到:
评论

相关推荐

    C#获取当前页面的url

    本文将详细介绍如何使用C#在ASP.NET应用程序中获取当前页面的URL,以及简要介绍如何使用JavaScript获取当前页面的URL。 #### 一、C# 获取当前页面的URL 在C#中,可以通过ASP.NET提供的`HttpContext.Current`对象来...

    JS 获取当前页面的URL

    在JavaScript中,获取当前页面的URL是Web开发中常见的需求,这主要涉及到浏览器提供的全局对象`window`的一些属性和方法。下面将详细讲解如何利用这些功能来获取和解析URL。 首先,`window.location`对象是...

    nodejs实现获取当前url地址及url各种参数值

    其次,文件内容中还涉及了如何在客户端使用JavaScript获取当前URL地址及各种属性值。这通常是网页脚本中的一部分,通过window对象提供的不同属性来实现: - `document.location`、`document.URL`、`document....

    JS 获取当前页面 URL.docx

    ### 如何使用JavaScript获取当前页面URL 在Web开发过程中,获取当前页面的URL是一项非常常见的需求。例如,在处理用户导航、记录访问日志或者构建动态链接时,常常需要用到这一功能。JavaScript提供了内置对象`...

    JS获取当前页面完整信息

    本文将详细介绍如何利用JavaScript来获取当前页面的多种信息,包括页面URL、主机名以及当前页面的具体路径等。 #### 一、获取当前页面的URL 1. **`document.URL`**:这是获取当前文档URL的一种方法。它返回的是一...

    获取title+url+描述+关键词头部信息.rar

    在JavaScript中,`window.location`对象提供了关于当前页面URL的所有信息。如果你只需要URL,可以使用`window.location.href`: ```javascript var currentURL = window.location.href; console.log(currentURL); `...

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

    在JavaScript中,获取当前URL根...总的来说,JavaScript获取当前URL根目录可以通过多种方式实现,关键在于理解和利用`Location`对象及其属性。在实际编程中,根据具体需求选择合适的方法,并注意与其他功能的配合使用。

    如何用js获取当前url的参数值

    ### 如何用JavaScript获取当前URL的参数值 在Web开发中,经常需要处理URL中的查询参数,例如在页面跳转时传递数据、实现特定功能等。本文将详细介绍一种使用JavaScript来解析并获取当前URL参数的方法。 #### 方法...

    JavaScript获取链接url参数并生成对象

    在JavaScript编程中,获取网页URL中的链接参数是一项常见的任务,特别是在构建动态Web应用程序时。URL参数通常是查询字符串的形式,它们附在URL末尾,用问号(?)分隔,各个参数之间用与号(&)分隔。例如,一个包含...

    JavaScript获取网页表单action属性的方法

    JavaScript获取网页表单的action属性是一种常用的操作,通常用于获取表单提交时要发送到的URL地址。在Web开发中,表单是用来收集用户输入数据并将其发送到服务器的HTML元素。action属性指定了表单提交后,服务器处理...

    JavaScript获得当前网页来源页面(即上一页)的方法

    本文实例讲述了JavaScript获得当前网页来源页面(即上一页)的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过document.referrer获得来源页面地址 <!DOCTYPE html> <html> <body> The ...

    javaScript获取浏览器参数

    // 获取当前页面的完整URL var userId = url.getQuery("userId"); // 获取"userId"参数的值 console.log(userId); // 输出获取到的参数值 ``` **解析:** - `window.location.href`返回当前页面的完整URL。 - 调用...

    javascript获取url上的参数.rar

    在JavaScript中,我们可以使用`window.location`对象来访问当前页面的URL信息。`window.location.search`属性返回URL的查询字符串,不包括问号。例如,对于URL ...

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

    #### 使用JavaScript获取URL信息 下面将介绍如何使用JavaScript来获取URL中的各个组成部分: 1. **获取完整URL**: - `window.location.href`:返回当前文档的完整URL。 - 示例:`...

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

    JS 获取地址栏 URL 所有信息的方法 ...* `location.hostname`:获取当前页面的主机名。 通过这些方法,我们可以获取地址栏 URL 的所有信息,从而实现网页之间的跳转、追踪用户的操作路径、获取用户的行为信息等。

    网页常用javascript获取当前时间常见的特效节日倒计时知识.pdf

    网页常用javascript获取当前时间常见的特效节日倒计时知识 本文档主要介绍了使用javascript获取当前时间,并展示一些常见的特效,例如节日倒计时、滚动文字、记录并显示网页的最后修改时间、关闭当前窗口、添加到...

    获取浏览器地址栏URL

    4. **插件实现**:在插件中,你可以监听`document`对象的`DOMContentLoaded`事件,当页面加载完成后获取URL。在Chrome的背景下,这可能看起来像这样: ```javascript document.addEventListener('DOMContentLoaded'...

    js 获取当前网页

    除了获取完整的URL外,我们还可以获取当前页面所在的域名信息,这对于进行域名相关的操作非常有用。 1. **使用`top.location.href`** - `top`对象代表了最外层的浏览器窗口。 - 示例代码: ```javascript ...

    网页常用javascript 获取当前时间 常见的特效 节日倒计时.pdf

    网页常用JavaScript获取当前时间常见的特效节日倒计时 在网页开发中,获取当前时间是一项常见的需求,JavaScript提供了多种方式来实现这一功能。在本文中,我们将总结常见的获取当前时间的方法,并提供一些常见的...

    js如何准确获取当前页面url网址信息

    在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。 下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1 1、[removed...

Global site tag (gtag.js) - Google Analytics