如何导航到 javascript 中的另一个 html 页面

Question

我有一个名为 default.html 的主要 html 文件，其中包含两个 javascript 文件 default.js 和 backend.js。

在主 html 中添加两个 javascript 文件如下

<script src="assets/js/backend.js"></script>
<script src="assets/js/default.js"></script>

default.js 包含此设置

startUp()
  
eel.expose(startUp);
function startUp(){
 showNextPage()  
}

function showNextPage(){
 console.log("show next page")
 window.location = 'next.html'
 console.log("i guess the page did not change")
}

在 backend.js 中，如果我调用 showNextPage() 在页面加载时执行，则页面更改有效

showNextPage()

class auth {
}

class storageManager {
}

但是如果我调用 showNextPage() 在这样的 class 中执行

class auth {
     //...
 showNextPage()
}
   

仅执行 showNextPage() 中的 console.log 消息，而不是页面更改。

我不知道发生了什么，由于某种原因，window.location 更改似乎只在页面加载的早期起作用。

可能是什么原因造成的，我该如何解决？

我试过了

window.location.href
window.location.replace

和其他类似的方法。 主要的是 function 被证明可以工作，但不在 class 之内，这让我困惑了好几天。 我多次检查了我的代码，但没有结果

Answer 1

尝试将您的default.js文件放入此

 startUp()
  
eel.expose(startUp);
function startUp(){
    
 showNextPage()  
    
}

function showNextPage(){

 console.log("show next page")
  window.pathname = '/next.html' //IMPORTANT PART.. origin is the page, like https://stackoverflow.com.. pathname is everything past that

 console.log("i guess the page did not change")
}

我希望它有效