父頁面從子頁面調取數據並展示1
阿新 • • 發佈：2017-09-05
get() cal charset 3.1 取值 != num 獲取信息 getitem
父頁面：（用localStorage傳數據）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>父頁面</title> <script src="./jquery-3.1.1.min.js"></script> </head> <body> <a href="./input.html"><button>添加</button></a> <br> <br> <br> <!--<button onclick="get()">獲取信息</button>--> <ul id="d1"></ul> </body> <script> function get(){ var dataStr1 = getMsg(); var dataStr = dataStr1.split(‘&‘); var num = dataStr.length;var htmlStr = ""; for(var b=0;b<num;b++){ var data = dataStr[b].split(‘=‘); htmlStr += "<li>"+data[0]+":"+data[1]+"</li>"; //只獲取值 // htmlStr += "<li>"+data[1]+"</li>"; } $(‘#d1‘).append(htmlStr); } get();//調用該函數 function getMsg(){ var dataArr = new Array(); var storage = window.localStorage; var num = storage.length; for(var i=0;i<num;i++){ var key = storage.key(i); var keyTag = key.substring(0,3); //key標記 if(keyTag === ‘zxc‘){ var keyValue = storage.getItem(key); if(keyValue.length !== 0){ dataArr = keyValue; }else{ storage.removeItem(key); //清除空的信息 } } } return dataArr; } </script> </html>
子頁面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>子頁面</title> <script src="./jquery-3.1.1.min.js"></script> </head> <body> <div> <ul> <li> ????:<input type="text" id="d1"> </li> <li> ????:<input type="text" id="d2"> </li> <li> ???:<input type="text" id="d3"> </li> <li> <button onclick="add()">????</button> </li> </ul> </div> <script> function add(){ var storage = window.localStorage; var d1 = $("#d1").val(); var d2 = $("#d2").val(); var d3 = $("#d3").val(); var parm = "name="+d1+"&age="+d2+"&sex="+d3; var dataStr = "zxc"; storage.setItem(dataStr,parm); self.location="./list.html"; } </script> </body> </html>
父頁面從子頁面調取數據並展示1