通过get方式实现不同页面传参

数据源页面的封装函数

function gettext(){        

    var retUrl='id='+oid1.innerText+'&name='+oid2.innerText+'&address='+oid3.innerText+'&power='+oid4.innerText;

    location.href='本页名.html?'+encodeURI(retUrl);    

    }      

 

传参界面的函数设置

var textList=document.getElementsByTagName('span');    

var search = decodeURI(location.search);//?id=1&name=曹操&address=许都&power=魏国 得到该URL字符串    

search = search.substr(1);   //从索引1 开始提取得到  id=1&name=曹操&address=许都&power=魏国    

var arr = search.split('&'); //通过&将上面字符串分成 id=1 name=曹操 address=许都 power=魏国 的数组    

for(var i = 0 ;i < textList.length; i++){      

     textList[i].innerText = arr[i].split('=')[1];  //通过'='将每个arr分成 id 1此类的两部分  并每次将=后面的数据传给页面标签元素  

 }

posted @ 2017-08-17 22:33  平安喜乐  阅读(350)  评论(0编辑  收藏  举报