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 相关文章推荐
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
Dec 31 Javascript
web打印小结
Jan 11 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
Mar 28 Javascript
vue v-model表单控件绑定详解
May 17 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
Nov 03 Javascript
vue组件中的数据传递方法
May 14 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
node中的session的具体使用
Sep 14 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 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
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
php使用filter过滤器验证邮箱 ipv6地址 url验证
2013/12/25 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
js实现DIV的一些简单控制
2007/06/04 Javascript
JMenuTab简单使用说明
2008/03/13 Javascript
javascript 学习之旅 (2)
2009/02/05 Javascript
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
jquery 插件开发 extjs中的extend用法小结
2013/01/04 Javascript
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
JSON与XML优缺点对比分析
2015/07/17 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
JS中的作用域链
2017/03/01 Javascript
微信小程序 开发MAP(地图)实例详解
2017/06/27 Javascript
vue实现跳转接口push 转场动画示例
2019/11/01 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
Python基于DES算法加密解密实例
2015/06/03 Python
详解Python编程中包的概念与管理
2015/10/16 Python
使用Python对MySQL数据操作
2017/04/06 Python
python 将print输出的内容保存到txt文件中
2018/07/17 Python
PyQt5创建一个新窗口的实例
2019/06/20 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
利用python实现PSO算法优化二元函数
2019/11/13 Python
Python selenium模拟手动操作实现无人值守刷积分功能
2020/05/13 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
英国广泛的照明产品网站:Lights4living
2018/01/28 全球购物
英国在线药房:Express Chemist
2019/03/28 全球购物
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
巴西箱包、背包、钱包和旅行配件购物网站:Inovathi
2019/12/14 全球购物
教师应聘自荐信范文
2014/03/14 职场文书
幼儿教师师德师风自我剖析材料
2014/09/29 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
《钢铁是怎样炼成的》高中读后感
2019/08/07 职场文书
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python