3、将该脚本置于需要触发跳转的事件中，例如页面加载完成时：window.addEventListener("load", () => { window.location.href = "js_HTML页面.html"; });

二、使用window.location.replace()方法跳转

该方式用新页面替换当前页面在浏览器历史记录中的位置，用户无法通过“后退”按钮返回原页面，适合避免重复提交等场景。

1、在HTML中插入内联或外部JavaScript代码块。

2、调用replace方法：window.location.replace("js_HTML页面.html");

3、可绑定到按钮点击事件：document.getElementById("jumpBtn").onclick = () => { window.location.replace("js_HTML页面.html"); };

三、使用window.open()方法打开新窗口或标签页

该方式在新上下文中加载目标页面，不中断当前页面运行，适用于需保留原页面状态的跳转需求。

1、在HTML中定义一个可交互元素，如打开页面。

2、为该元素添加事件监听器：document.getElementById("openBtn").addEventListener("click", () => { window.open("js_HTML页面.html", "_blank"); });

3、第二个参数"_blank"表示在新标签页中打开；若改为"_self"则在当前窗口跳转。

四、通过表单提交模拟跳转

利用HTML表单的action属性配合JavaScript动态设置并提交，适用于需携带简单参数或兼容无JS环境的备用方案。

1、在HTML中创建隐藏表单：

2、使用JavaScript设置action属性：document.getElementById("jumpForm").action = "js_HTML页面.html";

3、调用submit方法触发跳转：document.getElementById("jumpForm").submit();

五、使用meta标签结合JavaScript延迟跳转

该方式通过动态注入meta刷新标签实现跳转，常用于需要延时或服务端无法控制响应头的场景。

1、在HTML中获取head节点：const head = document.head;

2、创建meta元素并设置属性：const meta = document.createElement("meta"); meta.httpEquiv = "refresh"; meta.content = "0; url=js_HTML页面.html";

3、将meta元素追加至head：head.appendChild(meta);