JavaScript页面跳转方法大全
需积分: 10 78 浏览量
更新于2024-07-30
收藏 52KB DOC 举报
JavaScript 跳转页面方法总结
在网页开发中,JavaScript 跳转页面是非常常见的需求。下面总结了多种 JavaScript 跳转页面的方法,包括使用 window.location、window.open、window.history.back、window.navigate 等方法。
第一种:使用 window.location.href
使用 window.location.href 可以实现页面的跳转。例如:
```javascript
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
```
第二种:使用 window.history.back
使用 window.history.back 可以实现页面的后退跳转。例如:
```javascript
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
```
第三种:使用 window.navigate
使用 window.navigate 可以实现页面的跳转。例如:
```javascript
<script language="javascript">
window.navigate("top.jsp");
</script>
```
第四种:使用 self.location
使用 self.location 可以实现页面的跳转。例如:
```javascript
<script language="JavaScript">
self.location=’top.htm’;
</script>
```
第五种:使用 top.location
使用 top.location 可以实现页面的跳转。例如:
```javascript
<script language="javascript">
alert("非法访问!");
top.location=’xx.jsp’;
</script>
```
弹出选择框跳转
使用 confirm 方法可以弹出选择框,并根据用户的选择来决定是否跳转页面。例如:
```javascript
<script language="javascript">
<!--
function logout(){
if(confirm("你确定要注销身份吗?是-选择确定,否-选择取消")){
window.location.href="logout.asp?act=logout"
}
}
-->
</script>
```
弹出提示框跳转
使用 alert 方法可以弹出提示框,并在用户点击确定后跳转页面。例如:
```javascript
<script language="javascript">
<!--
function logout(){
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->
</script>
```
按钮式跳转
使用按钮式跳转可以实现页面的跳转。例如:
```html
<INPUT name="pclog" type="button" value="GO" onclick="window.location.href='login.jsp'">
```
JavaScript 跳转页面有多种方法,可以根据不同的需求选择合适的方法。
2023-11-05 上传
2023-04-30 上传
2023-09-09 上传
2023-12-16 上传
2023-05-18 上传
2023-07-28 上传
泉哥哥哥
- 粉丝: 1
- 资源: 4
最新资源
- Tramwrecked:C#中的控制台应用程序文本冒险
- labview截取屏幕位置、移动程序位置、控制鼠标点击位置代码
- issue-tracker:W3C webperf 问题跟踪器
- 429108.github.io
- webpage-6
- Szoftver公开
- AIJIdevtools-1.4.1-py3-none-any.whl.zip
- Extended Java WordNet Library:extJWNL是一个Java库,用于处理WordNet格式的词典。-开源
- starting-requirejs:了解更多关于 RequireJS
- DATASCIENCE_PROJECTS:我所有的数据科学著作
- AIOrqlite-0.1.1-py3-none-any.whl.zip
- Bibliotheque_binome-
- deep-dive-craps-android
- PS_Library_cpp:PS的库。 C ++版本
- pashiri-hubot:一个hubot脚本,通过提到hubot随机决定购买谁
- [008]vc_串口通讯.zip上位机开发VC串口学习资料源码下载