JavaScript实现页面跳转的方式汇总


Posted in Javascript onMay 16, 2016

在动手做网站时,不可避免的会碰到页面跳转的问题,新页面是在当前页面打开呢?还是在新窗口打开呢?是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢?等等很多种情况,下面我们来看下常用的一些JS实现页面跳转的方式例子。

按钮式:   

<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">  

链接式:  

<a href="javascript:history.go(-1)">返回上一步</a> 
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

直接跳转式:

<script>window.location.href='http://www.ddhbb.com';</script>  

开新窗口:

<a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog /guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')"& gt;布丁



足迹
</a>

第一种:

<script language="javascript" type="text/javascript"> 
window.location.href="login.jsp?backurl="+window.location.href; 
</script>

第二种:

<script language="javascript">alert("返回");window.history.back(-1); 
</script>

第三种:

<script language="javascript">window.navigate("top.jsp"); </script>

第四种:

<script language="JavaScript"> 
self.location='top.htm'; 
</script>

第五种:

<script language="javascript"> 
alert("非法访问!"); 
top.location='xx.jsp'; 
</script>

=====javascript中弹出选择框跳转到其他页面=====

<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>
=====javascript中弹出提示框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->
</script>

以上内容是小编给大家介绍的JavaScript实现页面跳转的方式汇总,希望对大家有所帮助,也希望大家多多关注三水点靠木网站!

Javascript 相关文章推荐
javascript开发中因空格引发的错误
Nov 08 Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
Jun 12 Javascript
laytpl 精致巧妙的JavaScript模板引擎
Aug 29 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 Javascript
js 中获取制定的cook信息实现方法
Nov 19 Javascript
JS类的定义与使用方法深入探索
Nov 26 Javascript
微信小程序实现实时圆形进度条的方法示例
Feb 24 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
vue.js实现三级菜单效果
Oct 19 Javascript
了不起的11个JavaScript代码重构最佳实践小结
Jan 11 Javascript
js实现页面跳转的几种方法小结
May 16 #Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
May 16 #Javascript
KnockoutJs快速入门教程
May 16 #Javascript
JS学习之表格的排序简单实例
May 16 #Javascript
JavaScript操作选择对象的简单实例
May 16 #Javascript
JS组件Bootstrap实现图片轮播效果
May 16 #Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
May 16 #Javascript
You might like
用文本文件制作留言板提示(下)
2006/10/09 PHP
php抽奖小程序的实现代码
2013/06/18 PHP
PHP中使用正则表达式提取中文实现笔记
2015/01/20 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
总结PHP中初始化空数组的最佳方法
2019/02/13 PHP
JS 继承实例分析
2008/11/04 Javascript
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
javascript学习笔记(十四) window对象使用介绍
2012/06/20 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
基于jquery实现省市联动特效
2015/12/17 Javascript
JS获取复选框的值,并传递到后台的实现方法
2016/05/30 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
详解js数组的完全随机排列算法
2016/12/16 Javascript
原生JS实现简单放大镜效果
2017/02/08 Javascript
一次记住JavaScript的6个正则表达式方法
2018/02/22 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
Vuex,iView UI面包屑导航使用扩展详解
2019/11/04 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
vue中defineProperty和Proxy的区别详解
2020/11/30 Vue.js
[36:16]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.19
2020/12/24 DOTA
将Django框架和遗留的Web应用集成的方法
2015/07/24 Python
python障碍式期权定价公式
2019/07/19 Python
Python netmiko模块的使用
2020/02/14 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
伦敦最著名的老字号百货公司:Selfridges(塞尔福里奇百货)
2016/07/25 全球购物
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
电子信息科学专业自荐信
2014/01/30 职场文书
公司演讲稿开场白
2014/08/25 职场文书
环保项目建议书
2014/08/26 职场文书
募捐感谢信
2015/01/22 职场文书
担保贷款承诺书
2015/04/30 职场文书
2015中秋祝酒词
2015/08/12 职场文书
Python first-order-model实现让照片动起来
2022/06/25 Python