js把变量设置成缓存并给下一个页面的input赋值

来源:互联网 发布:多功能qq视频录像软件 编辑:程序博客网 时间:2024/06/05 23:05
直接上代码,js保存全局变量的三种方式。
创建一个新的js文件,
//quanju.js
//方法一:(此方法需在其它页面引入该js文件)
var a = 111;  
//方法二: (此方法不需要在其它页面引入该js文件)
window.localStorage.JQa="JQA";  //利用localStorage.变量=“值”保存全局变量
//方法三: (此方法不需要在其它页面引入该js文件)
window.localStorage.setItem('JQb','JQB');//利用localStorage.setItem(‘变量’,‘值’)保存全局变量
//b.html
在b.html里面调用变量 a
<script src="/quanju.js"></script> //引入创建全局变量的js文件(方法一)
<script type="text/javascript">
function test(){//创建一个test函数获取input的id(方法一)
document.getElementById("b").value = a; //获取input 的 b节点并把它他的value 赋值为a(方法一)
}
</script>
<body>
<input type="text" id="b" value="">

//在body的底部
<script type="text/javascript">
test(); //执行 test 函数
alert(window.localStorage.JQa) //方法二获取方式
document.getElementById('b').text(window.localStorage.getItem('JQb'));//方法三获取方式
</script>
</body>
阅读全文
0 0