原生javascript实现getUrlParam

页面t.html

<body onload="onLoad()">
    <p name="message">p=</p>
</body>

<script type="text/javascript">
function getUrlParam(name) {  
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象  
   var r = window.location.search.substr(1).match(reg);  //匹配目标参数  
   if (r != null) {
       return unescape(r[2]);  //返回参数值 
   } else {
       return null; 
   }
}

function onLoad() {
    var p = getUrlParam("p");
    console.info("p=" + p);
    var t = document.getElementsByName("message")[0];
    t.innerHTML += p;
}
</script>

访问链接:a.html?p=23

然后就会在进入这个页面的时候执行onLoad方法,然后获取到参数p的值。
并且显示在页面上。

因为没有用jquery,所有这里使用了innerHTML来往页面上写 内容。
注意HTML是大写。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值