简明现代魔法 -> JavaScript -> JavaScript获取链接的参数

JavaScript获取链接的参数

2009-12-09

效果演示

这里是值

JavaScript 代码

	window.onload = function(){
            var hrefs = document.getElementById('hrefs');
            var links = hrefs.getElementsByTagName('a');
            for(var i=0, n=links.length; i<n; i++){
                links[i].onclick = function(){
                    var urls = this.getAttribute('href');
                    var params = urls.split('?');
                    for(var i=0; i<params[1].length; i++){
                        var p = params[1].split('=');
                        var pValue = p[1];
                        clickAdd(pValue);
                        return false;
                    }
                }
            }
        }
        function clickAdd(v){
            document.getElementById('target').innerHTML = v;
        }  

HTML 代码

<div id="hrefs">
            <a href="/sub.html?id=1">显示1</a><br>
            <a href="/sub.html?id=2">显示2</a><br>
            <a href="/sub.html?id=3">显示3</a><br>
            <a href="/sub.html?id=4">显示4</a><br>
            <a href="/sub.html?id=5">显示5</a><br>
</div>
<div id="target">这里是值</div>  

动态得到链接的参数,也没有什么技术含量,只是做为一走过的历程,记录下来。另一种实现写法:

window.onload = function(){
    var hrefs = document.getElementById('hrefs');
    var links = hrefs.getElementsByTagName('a');
    for(var i=0, n=links.length; i<n; i++){
        links[i].onclick = function(){
            var urls = this.getAttribute('href');
            var params = urls.split('?');
            var pV = params[1].split('&');
            for(var j=0; j<pV.length; j++){
                var p = pV[j].split('=');
                var pName = p[0];
                var pValue = p[1];
                document.getElementById('target').innerHTML += '
name = ' + pName + ' value = ' + pValue + '<br />'; } return false; } } }

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们