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 相关文章推荐
WEB 浏览器兼容 推荐收藏
May 14 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
js onload事件不起作用示例分析
Oct 09 Javascript
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
原生JS:Date对象全面解析
Sep 06 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
Sep 19 Javascript
js实现打地鼠小游戏
Feb 13 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
jQuery异步提交表单实例
May 30 jQuery
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
详解JSON Web Token 入门教程
Jul 30 Javascript
layui的面包屑或者表单不显示的解决方法
Sep 05 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
php判断当前用户已在别处登录的方法
2015/01/06 PHP
使用Huagepage和PGO来提升PHP7的执行性能
2015/11/30 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
使用PHP json_decode可能遇到的坑与解决方法
2017/08/03 PHP
php提取微信账单的有效信息
2018/10/01 PHP
PHP错误提示It is not safe to rely on the system……的解决方法
2019/03/25 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
2009/11/14 Javascript
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
使用 js+正则表达式为关键词添加链接
2014/11/11 Javascript
jQuery实现的支持IE的html滑动条
2015/03/16 Javascript
javascript基本算法汇总
2016/03/09 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
批量下载对路网图片并生成html的实现方法
2016/06/07 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
iview table render集成switch开关的实例
2018/03/14 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
Python实现的数据结构与算法之链表详解
2015/04/22 Python
Python中的迭代器与生成器高级用法解析
2016/06/28 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
利用python将pdf输出为txt的实例讲解
2018/04/23 Python
Django 导出项目依赖库到 requirements.txt过程解析
2019/08/23 Python
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
通过HTML5 Canvas API绘制弧线和圆形的教程
2016/03/14 HTML / CSS
HTML5 localStorage使用总结
2017/02/22 HTML / CSS
Farah官方网站:男士服装及配件
2019/11/01 全球购物
一些关于MySql加速和优化的面试题
2014/01/30 面试题
校运会入场式解说词
2014/02/10 职场文书
博物馆观后感
2015/06/05 职场文书
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js
带你了解Java中的ForkJoin
2022/04/28 Java/Android