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 prototype 原型链
Mar 12 Javascript
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
jquery 最简单的属性菜单
Oct 08 Javascript
js实现广告漂浮效果的小例子
Jul 02 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
详解vue-cli + webpack 多页面实例配置优化方法
Jul 13 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
MYSQL数据库初学者使用指南
2006/11/16 PHP
for循环连续求和、九九乘法表代码
2012/02/20 PHP
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
2010/03/07 Javascript
javascript对象之内置对象Math使用方法
2010/04/16 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
windows8.1+iis8.5下安装node.js开发环境
2014/12/12 Javascript
js实现的星星评分功能函数
2015/12/09 Javascript
jquery的checkbox,radio,select等方法小结
2016/08/30 Javascript
Cpage.js给组件绑定事件的实现代码
2017/08/31 Javascript
详解JS中的this、apply、call、bind(经典面试题)
2017/09/19 Javascript
详解用Node.js实现Restful风格webservice
2017/09/29 Javascript
angular.js实现购物车功能
2017/10/23 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
javascript中undefined的本质解析
2019/07/31 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
[43:57]LGD vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python tkinter实现彩球碰撞屏保
2019/07/30 Python
python之生成多层json结构的实现
2020/02/27 Python
如何用tempfile库创建python进程中的临时文件
2021/01/28 Python
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
德国购买健身器材:AsVIVA
2017/08/09 全球购物
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
专业幼师实习生自我鉴定范文
2013/12/08 职场文书
公司薪酬管理制度
2014/01/31 职场文书
生产厂长岗位职责
2014/02/21 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
劳资员岗位职责
2015/02/13 职场文书
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL