Visual Studio Code中网站按钮异常:点击后页面闪回主页
点击按钮跳转页面闪显后立即返回主页的问题排查与修复
问题分析
从你提供的主页代码来看,核心问题出在loadPage函数的实现上:
- 你在函数里调用了
event.preventDefault(),但<button>元素本身并没有默认的跳转或表单提交行为,这一行代码完全多余。 - 更关键的是,函数中使用了
event变量,但并没有将其作为参数传入函数。在多数浏览器的严格模式下,这会直接抛出ReferenceError: event is not defined的错误,导致函数执行中断——这大概率就是页面闪一下就退回的原因。
修复方案
直接修改loadPage函数,移除多余的无效代码,简化跳转逻辑:
function loadPage(buttonId, pageUrl) { window.location.href = pageUrl; }
额外排查点
如果修改后问题依然存在,请检查目标页面CodeEditors.html的代码,确认其中是否存在自动跳转回主页的逻辑(比如window.location.href = "index.html"、history.back()之类的脚本),或者是否有语法错误导致页面自动刷新/回退。
内容的提问来源于stack exchange,提问作者Neslupetan
相关产品推荐
相关产品推荐

