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的undefined与null
Nov 17 Javascript
Javascript数组Array基础介绍
Mar 13 Javascript
node模块机制与异步处理详解
Mar 13 Javascript
浅谈Vue的基本应用
Dec 27 Javascript
js实现产品缩略图效果
Mar 10 Javascript
超简单的Vue.js环境搭建教程
Mar 17 Javascript
详解vue2.0组件通信各种情况总结与实例分析
Mar 22 Javascript
Vuex简单入门
Apr 19 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
实例讲解vue源码架构
Jan 24 Javascript
一些你可能不熟悉的JS知识点总结
Mar 15 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/04/09 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
用JavaScript获取DOM元素位置和尺寸大小的方法
2013/04/12 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
jQuery下实现等待指定元素加载完毕(可改成纯js版)
2013/07/11 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
js获取页面description的方法
2015/05/21 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
vue回到顶部监听滚动事件详解
2019/08/02 Javascript
解决Layui中templet中a的onclick参数传递的问题
2019/09/20 Javascript
利用js canvas实现五子棋游戏
2020/10/11 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
2020/11/18 jQuery
python复制文件的方法实例详解
2015/05/22 Python
Python中的数据对象持久化存储模块pickle的使用示例
2016/03/03 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
对tensorflow 的模型保存和调用实例讲解
2018/07/28 Python
python使用循环打印所有三位数水仙花数的实例
2018/11/13 Python
pymongo中group by的操作方法教程
2019/03/22 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
python子线程退出及线程退出控制的代码
2019/10/16 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
python将音频进行变速的操作方法
2020/04/08 Python
树莓派升级python的具体步骤
2020/07/05 Python
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
.NET初级开发工程师面试题
2014/04/18 面试题
了解AppleTalk协议吗
2014/04/01 面试题
国家助学金获奖感言
2014/01/31 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
经营场所使用证明
2015/06/19 职场文书