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 document.execCommand() 常用解析
Dec 14 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
Jun 10 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
javascript的BOM汇总
Jul 16 Javascript
jQuery遮罩层实例讲解
May 11 jQuery
基于JS对象创建常用方式及原理分析
Jun 28 Javascript
原生js实现简单的链式操作
Jul 04 Javascript
Angular弹出模态框的两种方式
Oct 19 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
JQuery省市联动效果实现过程详解
May 08 jQuery
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
在WIN98下以apache模块方式安装php
2006/10/09 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
为Plesk PHP7启用Oracle OCI8扩展方法总结
2019/03/29 PHP
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
javascript 文档的编码问题解决
2009/03/01 Javascript
基于Jquery的仿照flash放大图片效果代码
2011/03/16 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
2011/06/28 Javascript
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
2013/10/15 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
jquery使用经验小结
2015/05/20 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
javascript中UMD规范的代码推演
2018/08/29 Javascript
javascript canvas实现简易时钟例子
2020/09/05 Javascript
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python网络编程实例简析
2014/09/26 Python
Python判断变量名是否合法的方法示例
2019/01/28 Python
利用pandas合并多个excel的方法示例
2019/10/10 Python
python 并发下载器实现方法示例
2019/11/22 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
Python-for循环的内部机制
2020/06/12 Python
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
农民工创业典型事迹
2014/01/25 职场文书
培训班开班仪式主持词
2014/03/28 职场文书
房屋公证委托书
2014/04/03 职场文书
体育课课后反思
2014/04/24 职场文书
志愿者活动总结
2014/04/28 职场文书
银行金融服务方案
2014/06/11 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python