html页面获取当前url参数,javascript如何获取地址栏的参数?

本文介绍了如何在JavaScript中使用正则表达式和传统方法获取URL地址栏的参数,以实现在不同页面间的参数绑定,如新闻列表与详情页的交互。通过实例演示了两种获取query string的方法并展示了代码应用实例。
摘要由CSDN通过智能技术生成

JavaScript在web开发中,不同的页面间经常会需要参数的传递,比如新闻列表和新闻详情页面,怎么绑定不同的id给它们,这时候比较简单的方案就是通过地址栏传输对应的参数。

3cb0ad475532ad4a6b131670f51a57a7.png

javascript获取地址栏的参数的方法:

方法一:采用正则表达式获取地址栏参数:

alert(GetQueryString("id"));

function GetQueryString(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

var r = window.location.search.substr(1).match(reg);

if (r != null) return unescape(r[2]); return null;}

若地址栏URL为:abc.html?id=123&url=”http://www.csdn.com

那么执行如上代码,就会弹出一个对话框:内容是123.

如果用alert(GetQueryString(“url”));

当然如果你没有参数的话,则会输出null;

方法二:传统方法

function UrlSearch()

{

var name,value;

var str=location.href; //取得整个地址栏

var num=str.indexOf("?");

str=str.substr(num+1); //str得到?之后的字符串

var arr=str.split("&"); //得到&分割的参数,放入数组中

for(var i=0;i

{

num=arr[i].indexOf("=");

if(num>0)

{

name=arr[i].substring(0,num);

value=arr[i].substr(num+1);

this[name]=value;

}

}

}

var Request=new UrlSearch();

alert(Request.id);

alert(location.href);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值