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
Jun 26 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
提升jQuery的性能需要做好七件事
Jan 11 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
Sep 24 Javascript
js实现点击生成随机div
Jan 16 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 Javascript
vue ref如何获取子组件属性值
Mar 31 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
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
Zend Framework教程之Zend_Config_Xml用法分析
2016/03/23 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
PHP验证码无法显示的原因及解决办法
2017/08/11 PHP
js之WEB开发调试利器:Firebug 下载
2007/01/13 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
浅谈javascript六种数据类型以及特殊注意点
2013/12/20 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
JS动态加载当前时间的方法
2015/02/09 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
jquery广告无缝轮播实例
2017/01/05 Javascript
easy ui datagrid 从编辑框中获取值的方法
2017/02/22 Javascript
分享十三个最佳JavaScript数据网格库
2017/04/07 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
微信小程序前端自定义分享的实现方法
2019/06/13 Javascript
[51:34]Ti4主赛事胜者组 DK vs EG 2
2014/07/19 DOTA
python实现ping的方法
2015/07/06 Python
使用Python实现BT种子和磁力链接的相互转换
2015/11/09 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
利用Python校准本地时间的方法教程
2019/10/31 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
Python中socket网络通信是干嘛的
2020/05/27 Python
ProBikeKit澳大利亚:自行车套件,跑步和铁人三项装备
2016/11/30 全球购物
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
西班牙国家航空官方网站:Iberia
2017/11/16 全球购物
在Ajax应用中信息是如何在浏览器和服务器之间传递的
2016/05/31 面试题
信息技术专业大学生职业生涯规划书
2014/01/24 职场文书
连带责任保证书
2014/04/29 职场文书
校园绿化美化方案
2014/06/08 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
反对四风自我剖析材料
2014/10/07 职场文书
惊天动地观后感
2015/06/10 职场文书
大学副班长竞选稿
2015/11/21 职场文书
HAM-2000摩机图
2021/04/22 无线电
python 经纬度求两点距离、三点面积操作
2021/06/03 Python
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL