링크 매개변수 가져오기

16698 단어 매개 변수

  
    
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 ;
}
}
}

 
 
 

좋은 웹페이지 즐겨찾기