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

问题描述

我有一个带有链接和子链接的经典导航栏菜单。一个菜单链接称为“ houses”,它具有称为“ home1”,“ home2”,“ home3”的子项。在“房屋”页面上,有一个带有标签的html容器,每个标签打开一个包含“ home1”,“ home2”和“ home3”信息的部分。一切正常。

我的问题是,是否可以执行以下操作:当我单击除“房屋”页面以外的其他页面上的任何子链接“ home1 / 2/3”时,“房屋”页面应打开,并且该子链接我单击打开相应的标签?

我尝试使用Vanilla 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
                */
            }
        }
    }

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)