localStorage_send_page.html(發送頁面)
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="css/mui.min.css" rel="stylesheet" /> </head> <body> <button type="button" class="mui-btn mui-btn-red">用localStorage向recieve_page頁面傳值</button> <script src="js/mui.min.js"></script> <script type="text/javascript"> mui.init(); //localStorage document.getElementsByTagName('button')[0].addEventListener('tap', function() { localStorage.setItem('name', 'Harden'); window.location.href = 'localStorage_recieve_page.html'; }); </script> </body> </html>
localStorage_recieve_page.html(接收頁面)
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="css/mui.min.css" rel="stylesheet" /> </head> <body> <span id="span1"> span1 </span> <script src="js/mui.min.js"></script> <script type="text/javascript"> mui.init(); document.getElementById("span1").innerText='hi,'+localStorage.getItem('name'); </script> </body> </html>