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:
b.html:
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]);
}
}
}
: