您的位置：首页 > Web前端 > JavaScript

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

2017-09-02 18:16 302 查看
直接上代码，js保存全局变量的三种方式。
创建一个新的js文件，
//quanju.js

//方法一：（此方法需在其它页面引入该js文件）

var a = 111;


//方法二: （此方法不需要在其它页面引入该js文件）


window.localStorage.JQa="JQA";  //利用
localStorage.变量=“值”保存全局变量[/code]
//方法三： （此方法不需要在其它页面引入该js文件）

window.localStorage.setItem('JQb','JQB');//利用
localStorage.setItem（‘变量’，‘值’）保存全局变量[/code]
//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>
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航