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 trim函数 去空格函数与正则集锦
Nov 20 Javascript
图片Slider 带左右按钮的js示例
Aug 30 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
Bootstrap栅格系统的使用和理解2
Dec 14 Javascript
angularJs使用$watch和$filter过滤器制作搜索筛选实例
Jun 01 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
详解js静态检查工具eslint配置文件
Nov 23 Javascript
vue keep-alive 动态删除组件缓存的例子
Nov 04 Javascript
JS实现音乐钢琴特效
Jan 06 Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 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入门的学习方法
2007/01/02 PHP
一步一步学习PHP(3) php 函数
2010/02/15 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
PHP设计模式之建造者模式定义与用法简单示例
2018/08/13 PHP
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
2013/11/13 Javascript
JavaScript插件化开发教程 (二)
2015/01/27 Javascript
AngularJS下对数组的对比分析
2016/08/24 Javascript
JavaScript浮点数及运算精度调整详解
2016/10/21 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
jQuery实现基本动画效果的方法详解
2018/09/06 jQuery
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
Python实现批量修改文件名实例
2015/07/08 Python
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
使用Python制作缩放自如的圣诞老人(圣诞树)
2019/12/25 Python
太阳镜仓库,售价20美元或更少:Sunglass Warehouse
2016/09/28 全球购物
英国在线定制百叶窗网站:Swift Direct Blinds
2020/02/25 全球购物
Pamela Love官网:纽约设计师Pamela Love的精美、时尚和穿孔珠宝
2020/10/19 全球购物
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
2015新年寄语大全
2014/12/08 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
python之基数排序的实现
2021/07/26 Python
Redis实现一个账号只能登录一个设备
2022/04/19 Redis
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS