js跨页面操作相同的变量(全局变量)

js跨页面操作相同的变量(全局变量)

前景:
index.html(主页面)中配置了两个全局变量,这两个变量经过index.js的处理已经是有值的变量了。博主需要这个值被所有页面的js都能获取到index.html的全局变量

解决办法:
js跨页面操作相同的变量(全局变量)_第1张图片

  • 将已经配置好有值的全局变量放入cookie(不推荐,因为我的数据有重要信息,所以我没有用这个)
    js跨页面操作相同的变量(全局变量)_第2张图片
  • 放入localStorage中
    js跨页面操作相同的变量(全局变量)_第3张图片
  • 放入sessionStorage中
    js跨页面操作相同的变量(全局变量)_第4张图片

博主的实际使用的sessionStorage,你们使用时看自己的业务场景选择使用哪种比较合适。

还有一种就是一个html引入你需要全局变量的js。我一般会把全局变量放在html中创建,当然也可以在js中创建全局变量。
注意js的先后使用顺序。

你可能感兴趣的:(全局变量)