原生javascript实现getUrlParam

版权声明:原创文章,转载请注明出处。 https://blog.csdn.net/aitcax/article/details/53482589

页面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是大写。

猜你喜欢

转载自blog.csdn.net/aitcax/article/details/53482589
今日推荐