获取链接的参数

简介:
 
 
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;
}
复制代码

 

 

复制代码
 
 
< div id ="hrefs" >
< a href ="/sub.html?id=1" > aaaa </ a >< br >
< a href ="/sub.html?id=2" > 2222 </ a >< br >
< a href ="/sub.html?id=3" > 3333 </ a >< br >
< a href ="/sub.html?id=4" > 4444 </ a >< br >
< a href ="/sub.html?id=5" > 5555 </ 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 += ' <br /> name = ' + pName + ' value = ' + pValue + ' <br /> ' ;
}

return false ;
}
}
}
复制代码

 

 

 本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2009/12/08/1619692.html,如需转载请自行联系原作者

 

目录
相关文章
|
算法 Java C语言
人生中的第一个博客
人生中的第一个博客
【PR】在取消视频和音频的链接后如何在链接上
【PR】在取消视频和音频的链接后如何在链接上
780 0
【PR】在取消视频和音频的链接后如何在链接上
|
搜索推荐 SEO
WordPress固定链接设置方法
传说中,固定链接有SEO功能,今天试了试
193 0
WordPress固定链接设置方法
|
弹性计算 Linux
|
物联网 开发工具
参考链接
参考链接
305 0
|
存储 Java 数据库连接
HyperSQL 链接参数中文件的路径
如果我们在系统中配置下面的连接参数: spring.datasource.url=jdbc:hsqldb:file:~/db/cwiki-us-jpetstore 我们怎么知道 hsqldb 数据库的存储路径在哪里? 请参考下面的解答: 在 Windows 系统中,如果你登录的用户名为 yhu 的话。
674 0
|
SQL 关系型数据库 数据库
查看与修改链接学习笔记
版权声明:转载请注明出处:http://blog.csdn.net/dajitui2024 https://blog.csdn.net/dajitui2024/article/details/79396633 1.
1076 0
|
存储
关于链接文件的探讨
跨平台系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#linux 偶尔在用,其实就是软链接和硬链接两种 软链接 和 win里面的快捷方式差不多,就不多说 探讨下硬链接,有点类似于git的存储方式了,你我各有一份共同修改,你挂了我还有 ...
712 0