2つのhtml間の値伝達(js location.search用法)

1469 ワード

2つのHTMLを同じフォルダの下に置き、自分でjqueryのパッケージを導入します.まずa.htmlを開いて「伝値」ボタンをクリックし、b.htmlで値を受信したかどうかを確認します.原理:a.html根拠:window.location.href=”b.html?valus=parm”;b.htmlにジャンプしてwindowを使います.location.search;受信値.
a.html:





a   


function to(){  
    var getval ="valueTest";
    window.location.href="b.html?valus="+getval;  
} 







b.html:




b   



$(function(){
//console.log(location.search.concat());
//manyValues();
$("#show").html(oneValues());
})

//     
function oneValues(){
var result;
var url=window.location.search; //  url "?"       
if(url.indexOf("?")!=-1){
result = url.substr(url.indexOf("=")+1);
}
return result;
}


//    
function manyValues(){
var url=window.location.search;
if(url.indexOf("?")!=-1){
var str = url.substr(1);
   strs = str.split("&"); 
   var key=new Array(strs.length);
   var value=new Array(strs.length);
   for(i=0;i<strs.length;i++){
    key[i]=strs[i].split("=")[0]
    value[i]=unescape(strs[i].split("=")[1]); 
    alert(key[i]+"="+value[i]);
  } 
} 
}