原生javascript实现getUrlParam

来源:互联网 发布:网络赛车游戏有哪些 编辑:程序博客网 时间:2024/04/29 20:03

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

0 0