Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从另一个页面上的触发器加载页面后是否可以执行代码?JS_Javascript_Event Handling - Fatal编程技术网

Javascript 从另一个页面上的触发器加载页面后是否可以执行代码?JS

Javascript 从另一个页面上的触发器加载页面后是否可以执行代码?JS,javascript,event-handling,Javascript,Event Handling,我有一个带有链接和子链接的经典导航栏菜单。一个菜单链接称为“houses”,其子项称为“home1”、“home2”、“home3”。在“houses”页面上有一个带有选项卡的html容器,每个选项卡都会打开一个包含“home1”、“home2”和“home3”信息的部分。一切正常 我的问题是,是否可以执行以下操作:当我从“房屋”页面以外的其他页面单击任何子链接“home1/2/3”时,“房屋”页面应打开,我单击的子链接将打开相应的选项卡 我尝试了一个香草JS的解决方案,但正如预期的那样,它只在

我有一个带有链接和子链接的经典导航栏菜单。一个菜单链接称为“houses”,其子项称为“home1”、“home2”、“home3”。在“houses”页面上有一个带有选项卡的html容器,每个选项卡都会打开一个包含“home1”、“home2”和“home3”信息的部分。一切正常

我的问题是,是否可以执行以下操作:当我从“房屋”页面以外的其他页面单击任何子链接“home1/2/3”时,“房屋”页面应打开,我单击的子链接将打开相应的选项卡

我尝试了一个香草JS的解决方案,但正如预期的那样,它只在我在“房子”页面时起作用。我理解为什么会发生这种情况,但我不知道如何实现这一点(除了某种异步执行?)

我的代码:

const menuitem = document.querySelectorAll('#menu-item-27 ul li [data-text]'); //data-text is the sublink - ("home1", "home2", "home3")
    for(let item of menuitem) {
        item.onclick = function() {
            window.onload = function WindowLoad(event) {
                document.querySelector('[data-tab="2"]').click(); 
                /* data-tab=1, data-tab=2, data-tab=3 is the tab element that opens the info on one of the "home1/2/3" divs 
                I'm using just data-tab=2 to test the click, don't worry about that part
                */
            }
        }
    }

解决这个问题有很多方法。例如,您可以创建一个cookie来存储对下一页有用的信息

您可以在URL中添加一个参数,在加载页面时,您可以根据参数获取信息并执行一些操作

或者,您可以使用


逻辑是一样的。目标是存储至少一个请求的持久信息,以便在下一个页面加载时采取操作。

有许多解决方案可以解决此问题。例如,您可以创建一个cookie来存储对下一页有用的信息

您可以在URL中添加一个参数,在加载页面时,您可以根据参数获取信息并执行一些操作

或者,您可以使用


逻辑是一样的。目标是存储至少一个请求的持久信息,以便在下一个页面加载时采取操作。

一种方法是通过查询参数或散列值在url中放置一些内容,第二个页面将使用它来知道加载时打开哪个选项卡。我想到了这一点,但是考虑到我上面使用的代码,你会怎么做?你不会在你来自的页面上这样做。你在到达的那一页上就这样做了。这就是为什么你有url部分。在页面之间传达应该发生的事情。好的。你能展示一些如何实现这一点的代码吗?一种方法是通过查询参数或散列值在url中放入一些内容,然后辅助页面将使用这些内容来知道加载时打开哪个选项卡。我想到了这一点,但鉴于我上面使用的代码,你会怎么做?你不会在你来自的页面上这样做。你在到达的那一页上就这样做了。这就是为什么你有url部分。在页面之间传达应该发生的事情。好的。你能展示一些如何实现这一点的代码吗?好的,我明白了。现在我意识到我也可以使用本地存储。我想这样行不行?好的,我明白了。现在我意识到我也可以使用本地存储。我想这样行不行?