jQuery与JavaScript获取当前页面的URL信息方法及使用说明

后端开发   发布日期:2023年05月11日   浏览次数:374

今天在做百度分享事件统计的时候,突然想到百度分享有一个事件为“onAfterClick”,利用这个函数可以让用户在点击分享按钮后执行相应的function事件,我就是用这个触发事件,再用AJAX异步提交相关数据参数到PHP文件用于记录分享的按钮是QQ空间、新浪微博还是人人网。同时我又考虑到想统计一下分享页面的URL地址,就在网上找关于JQuery获取当前URL的方法,但是找来找去,没有找到JQuery对当前URL的获取方法,但找到了一些可以解决的办法,就顺手记下来了。这里与大家分享一下这种方法,大家可以尝试一下。

设置或获取整个 URL 为字符串。

window.location.href
例:http://www.19jp.com:8086/topic/index?topicId=361
alert(window.location.href); 
输出:http://www.19jp.com:8086/topic/index?topicId=361

设置或获取与 URL 关联的端口号码。

window.location.port
例:http://www.19jp.com:8086/topic/index?topicId=361
alert(window.location.port); 
输出:8086

设置或获取 URL 的协议部分。

window.location.protocol
例:http://www.19jp.com:8086/topic/index?topicId=361
alert(window.location.protocol); 
输出:http:

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

window.location.hash

设置或获取 location 或 URL 的 hostname 和 port 号码。

window.location.host
例:http://www.19jp.com:8086/topic/index?topicId=361
alert(window.location.host); 
输出:http:www.19jp.com:8086

设置或获取 href 属性中跟在问号后面的部分。

window.location.search
例:http://www.19jp.com:8086/topic/index?topicId=361
alert(window.location.search); 
输出:?topicId=361


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

以上就是jQuery与JavaScript获取当前页面的URL信息方法及使用说明的详细内容,更多关于jQuery与JavaScript获取当前页面的URL信息方法及使用说明的资料请关注九品源码其它相关文章!