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实现动态菜单添加的实例代码
Jul 05 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
JS中from 表单序列化提交的代码
Jan 20 Javascript
前端把html表格生成为excel表格的实例
Sep 19 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 Javascript
node实现简单的增删改查接口实例代码
Aug 22 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
Oct 12 Javascript
vue中注册自定义的全局js方法
Nov 15 Javascript
vue路由权限校验功能的实现代码
Jun 07 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 Javascript
Element-ui Layout布局(Row和Col组件)的实现
Dec 06 Vue.js
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 curl 并发最佳实践代码分享
2012/09/05 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
jQuery元素选择器用法实例
2014/12/23 Javascript
js实现图片和链接文字同步切换特效的方法
2015/02/20 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
原生js更改css样式的两种方式
2017/03/15 Javascript
JS验证码实现代码
2017/09/14 Javascript
vue+Java后端进行调试时解决跨域问题的方式
2017/10/19 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
Angular 5.x 学习笔记之Router(路由)应用
2018/04/08 Javascript
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
解决Layui数据表格显示无数据提示的问题
2019/11/14 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
解决Python3中的中文字符编码的问题
2018/07/18 Python
python列表list保留顺序去重的实例
2018/12/14 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
python防止随意修改类属性的实现方法
2019/08/21 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
英国领先的男士美容护发用品公司:Mankind
2016/08/31 全球购物
公司员工检讨书
2014/02/08 职场文书
2014大学生全国两会学习心得体会
2014/03/13 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
教你如何使用Python Tkinter库制作记事本
2021/06/10 Python
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL