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 相关文章推荐
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
JavaScript动态插入script的基本思路及实现函数
Nov 11 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
Apr 21 Javascript
Vue.js开发环境搭建
Nov 10 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
Bootstrap table 定制提示语的加载过程
Feb 20 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
AngularJS实现注册表单验证功能
Oct 16 Javascript
浅谈js获取ModelAndView值的问题
Mar 28 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
May 04 Javascript
通过实例解析json与jsonp原理及使用方法
Sep 27 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
判断Keep-Alive模式的HTTP请求的结束的实现代码
2011/08/06 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
js 获取Listbox选择的值的代码
2010/04/15 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
2013/12/10 Javascript
做好七件事帮你提升jQuery的性能
2014/02/06 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
JS数字抽奖游戏实现方法
2015/05/04 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
jQuery表单元素过滤选择器用法实例分析
2019/02/20 jQuery
详解在React项目中安装并使用Less(用法总结)
2019/03/18 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
2019/10/31 Javascript
element-ui table组件如何使用render属性的实现
2019/11/04 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
python正则表达式抓取成语网站
2013/11/20 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
Python测试模块doctest使用解析
2019/08/10 Python
python tkinter 设置窗口大小不可缩放实例
2020/03/04 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
Python优秀开源项目Rich源码解析的流程分析
2020/07/06 Python
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
Python如何定义一个函数
2015/09/01 面试题
建筑总经理岗位职责
2014/02/02 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
团日活动总结
2014/04/28 职场文书
会计求职信范文
2014/05/24 职场文书
三提三创主题教育活动查摆整改措施
2014/10/25 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
博士给导师的自荐信
2015/03/06 职场文书
中学总务处工作总结
2015/08/12 职场文书