Javascript 处理应用程序的两个html页面之间的自定义事件时出现问题

我有一个加载两个html页面的应用程序，我想从一个html页面触发自定义事件，其他html页面将监听该事件，是否可能？现在我已经启动了自定义事件，但是它只被同一个页面监听，其他页面没有监听这个事件

这是我在第一个html页面中的代码：：

var event= new CustomEvent(
    "myeventtype", 
    {
        detail: {
            name: "",
            details: ""
        },
        bubbles: true,
        cancelable: true
    }
);
window.dispatchEvent(event );

//handler
function myHandler(e) {
alert(e.detail.name);

}

//listener

window.addEventListener("myeventtype", myHandler);

window.addEventListener("myeventtype", testHandler);

//handler
    function testHandler(e) {
    alert(e.detail.name);

    }

第二个html页面仅添加侦听器和处理程序：：

var event= new CustomEvent(
    "myeventtype", 
    {
        detail: {
            name: "",
            details: ""
        },
        bubbles: true,
        cancelable: true
    }
);
window.dispatchEvent(event );

//handler
function myHandler(e) {
alert(e.detail.name);

}

//listener

window.addEventListener("myeventtype", myHandler);

window.addEventListener("myeventtype", testHandler);

//handler
    function testHandler(e) {
    alert(e.detail.name);

    }

为什么我的第二页没有听到这个事件，我在这里做错了什么，请让我离开这里

---

谢谢，

不，不可能创建对象或函数并在其他页面上使用它。但您可以添加并创建一个js文件，然后在两个HTML页面中链接这些js文件。 我希望这是可行的。

可能的副本