«

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

时间:2024-3-3 10:37     作者:韩俊     分类: Javascript


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

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

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

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

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

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

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

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

window.location.hash

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

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

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

window.location.search
例:http://www.maopiaopiao.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 属性中跟在问号后面的部分。

标签: javascript

热门推荐