首次打开浏览器窗口/选项卡后，执行JavaScript代码

Question

当浏览器中的窗口或选项卡打开时，是否有一种方法只执行一次JavaScript代码，然后在该窗口/选项卡的整个生命周期中再次执行（即使在导航时）？

Answer 1

一种使用window.sessionStorage方法。

if (!window.sessionStorage.getItem("isExecuted")) {
    //execute code
    window.sessionStorage.setItem("isExecuted", true);
}

MDN文档

sessionStorage属性允许您访问会话存储对象。 sessionStorage类似于Window.localStorage，唯一的区别是当localStorage中存储的数据没有到期设置时，存储在sessionStorage中的数据在页面会话结束时被清除。 只要浏览器处于打开状态，页面会话就会持续，并且会在页面重新加载和恢复后继续存在。 在新选项卡或窗口中打开页面将导致启动新会话 ，这与会话cookie的工作方式不同。

Answer 2

这是一个基于检查window.history.length为1的解决方案（即他们第一次访问此窗口/选项卡）。 它还检查他们不是简单地刷新页面。

if(window.history.length === 1 && performance.navigation.type  !== 1){
     alert("show me once per tab");
} 

如果您将我想要运行的脚本放在我有警报的位置，那么它应该适用于您要执行的操作。

Answer 3

您可以使用localStorage 。

本地存储是每个源（每个域和协议）。 来自一个来源的所有页面都可以存储和访问相同的数据。

localStorage对象存储没有过期日期的数据。 当浏览器关闭时，数据不会被删除，并且将在第二天，一周或一年中可用。

localStorage.getItem('key');
localStorage.setItem('key', 'value');

Doc： http ： //www.w3schools.com/html/html5_webstorage.asp