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 相关文章推荐
js判断浏览器类型的方法
Aug 07 Javascript
原生javascript实现简单的datagrid数据表格
Jan 02 Javascript
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
JavaScript编程中window的location与history对象详解
Oct 26 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
Angular在一个页面中使用两个ng-app的方法
Feb 20 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
Node.js 使用命令行工具检查更新
Jun 08 Javascript
详谈构造函数加括号与不加括号的区别
Oct 26 Javascript
javascript中函数的写法实例代码详解
Oct 28 Javascript
详解Vue中使用Axios拦截器
Apr 22 Javascript
design vue 表格开启列排序的操作
Oct 28 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
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
php实现发送微信模板消息的方法
2015/03/07 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
JavaScript prototype对象的属性说明
2010/03/13 Javascript
jQuery实现锚点scoll效果实例分析
2015/03/10 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
vue 动态修改a标签的样式的方法
2018/01/18 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
微信小程序事件流原理解析
2019/11/27 Javascript
如何在postman测试用例中实现断言过程解析
2020/07/09 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
合并Excel工作薄中成绩表的VBA代码,非常适合教育一线的朋友
2009/04/09 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
python+selenium识别验证码并登录的示例代码
2017/12/21 Python
python numpy 显示图像阵列的实例
2018/07/02 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
python中如何进行连乘计算
2020/05/28 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
Html5 canvas画图白板踩坑
2020/06/01 HTML / CSS
L*SPACE官网:比基尼、泳装和度假服装
2019/03/18 全球购物
介绍一下Java中的Class类
2015/04/10 面试题
师范大学应届生求职信
2013/11/21 职场文书
物流管理专业应届生求职信
2013/11/21 职场文书
开工庆典邀请函范文
2014/01/16 职场文书
绩效工资实施方案
2014/03/15 职场文书
电脑售后服务承诺书
2014/03/27 职场文书
工作岗位说明书模板
2014/05/09 职场文书
个人担保书格式范文
2014/05/12 职场文书
学习之星事迹材料
2014/05/17 职场文书
大学生标准自荐书
2014/06/15 职场文书