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编程起步(第七课)
Feb 27 Javascript
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
Sep 25 Javascript
JavaScript 学习小结(适合新手参考)
Jul 30 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
Jul 31 Javascript
ExtJS如何设置与获取radio控件的选取状态
Jan 22 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
JS Input里添加小图标的两种方法
Nov 11 Javascript
加载 vue 远程代码的组件实例详解
Nov 20 Javascript
vue单页面在微信下只能分享落地页的解决方案
Apr 15 Javascript
在layui框架中select下拉框监听更改事件的例子
Sep 20 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
手把手教你从零开始react+antd搭建项目
Jun 03 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 会话(session 时间设定)使用入门代码
2008/06/05 PHP
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
php 操作调试的方法
2012/07/12 PHP
Yii不依赖Model的表单生成器用法实例
2014/12/04 PHP
php单链表实现代码分享
2016/07/04 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
php微信公众平台示例代码分析(二)
2016/12/06 PHP
Yii CFileCache 获取不到值的原因分析
2017/02/08 PHP
PHP实现统计所有字符在字符串中出现次数的方法
2017/10/17 PHP
php生成微信红包数组的方法
2019/09/05 PHP
Gambit vs CL BO3 第二场 2.13
2021/03/10 DOTA
google地图的路线实现代码
2009/08/20 Javascript
HTML node相关的一些资料整理
2010/01/01 Javascript
window.dialogArguments 使用说明
2011/04/11 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
用javascript获取任意颜色的更亮或更暗颜色值示例代码
2017/07/21 Javascript
vue-cli3+typescript初体验小结
2019/02/28 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
vue2.0 获取从http接口中获取数据,组件开发,路由配置方式
2019/11/04 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
2020/11/07 Javascript
python创建只读属性对象的方法(ReadOnlyObject)
2013/02/10 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
Python Django view 两种return的实现方式
2020/03/16 Python
Python中内建模块collections如何使用
2020/05/27 Python
django跳转页面传参的实现
2020/09/17 Python
信息技术教学反思
2014/02/12 职场文书
人力资源总监工作说明
2014/03/03 职场文书
个人校本研修方案
2014/05/26 职场文书
勤俭节约主题班会
2015/08/13 职场文书
2016春节放假通知范文
2015/08/18 职场文书
2016秋季运动会前导词
2015/11/25 职场文书