在JavaScript中,常见的跳转方式主要有两种:通过window.location
进行页面跳转,以及通过锚链接(锚链接
)进行页内跳转。以下是九个常用的JavaScript跳转代码示例:
- 通过
window.location
进行页面跳转
javascriptwindow.location.href = "http://www.example.com"; // 跳转到指定URL
window.location.replace("http://www.example.com"); // 跳转到指定URL,不会在历史记录中留下记录
- 通过锚链接进行页内跳转
这个需要HTML中的锚链接支持,比如已经有一个id为"section1"的元素:
html<div id="section1">这是第一段内容</div>
然后在JavaScript中,你可以这样跳转:
javascriptwindow.location.hash = "#section1"; // 跳转到页内的#section1位置
- 使用
window.open
进行新窗口打开
javascriptwindow.open("http://www.example.com", "_blank"); // 在新窗口中打开指定URL
- 使用
window.close
关闭当前窗口
javascriptwindow.close(); // 关闭当前窗口
- 使用
window.location.reload
刷新当前页面
javascriptwindow.location.reload(); // 刷新当前页面
- 通过
window.history
进行浏览器历史记录操作
例如返回前一页:
javascriptwindow.history.back(); // 返回前一页
- 通过
window.navigator
进行浏览器信息查询
例如检查是否支持跨域:
javascriptif (window.navigator.userAgent.indexOf("MSIE") != -1) { // 检查是否为IE浏览器
// 是IE浏览器
} else {
// 非IE浏览器
}
- 通过
window.alert
,window.confirm
和window.prompt
进行弹窗操作
例如显示一个警告弹窗:
javascriptwindow.alert("这是一个警告弹窗!"); // 显示警告弹窗
- 通过
window.onerror
进行错误处理
例如捕获全局错误:
javascriptwindow.onerror = function(msg, url, line) {
console.log("错误信息: " + msg + ",URL: " + url + ",行数: " + line);
return false;
}; // 捕获全局错误并输出到控制台