JavaScript页面跳转方法大全：链接、历史回退、新窗口与弹出对话框

本文档主要介绍了JavaScript中实现页面跳转的各种方法，适用于Web开发中的不同场景。以下是详细解读： 1. **按钮式跳转**： 这种方式通过HTML的`<input>`元素配合JavaScript事件处理，当用户点击特定按钮时触发跳转。例如，代码中的"GO"按钮使用了`onClick`属性，点击后会跳转到`http://www.51wisdom.com`。 2. **直接跳转式**： - **第一种方法**：利用`window.location.href`属性直接赋值新的URL，如`window.location.href="login.jsp?backurl="+window.location.href;`。这会将当前页面的URL追加到目标地址后面。 - **第二种方法**：通过`window.history.back(-1)`回退历史记录来实现跳转，适用于用户希望回到上一个页面的情况。 3. **新开窗口跳转**： - **第三种方法**：`window.navigate("top.jsp")`，这个方法在旧版浏览器中可能不被支持，但可以考虑使用`window.open()`函数来创建一个新的浏览器窗口并加载指定页面。 4. **在同一窗口内跳转**： - **第四种方法**：`self.location=’top.htm’;`，这里的`self`关键字表示在当前窗口打开新页面。 - **第五种方法**：使用`top.location`来跳转，通常用于子框架或弹出窗口，将页面定位到`xx.jsp`，但可能存在安全风险，因为它允许顶层窗口（通常不允许）改变其位置。 5. **弹出确认对话框再跳转**： - **第六种方法**：`confirm`函数用于显示一个提示框，询问用户是否执行某些操作。如果用户选择确定，才会进行页面跳转，如`window.location.href="logout.asp?act=logout"`。 6. **JavaScript中高级应用：Cookie控制**： 文档提到“终极应用--弹出的窗口之Cookie控制”，虽然具体内容未给出，但通常在弹出窗口中，开发者可以利用Cookies来存储状态信息，如用户的登录状态或特定的会话标识，然后在跳转时根据这些信息调整页面行为。 总结来说，JavaScript提供了多种灵活的页面跳转手段，开发者可以根据需求选择最适合的方法，无论是基本的跳转还是与用户交互式的操作，都能实现网页的动态导航。同时，要注意安全性问题，特别是涉及父窗口对子窗口的控制，确保符合预期的行为。