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+JQuery返回顶部功能如何实现
Dec 03 Javascript
JS 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
Oct 16 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
js简单实现Select互换数据的方法
Aug 17 Javascript
使用Node.js处理前端代码文件的编码问题
Feb 16 Javascript
浅析JS异步加载进度条
May 05 Javascript
微信小程序 页面之间传参实例详解
Jan 13 Javascript
xmlplus组件设计系列之树(Tree)(9)
May 02 Javascript
解决Vue调用springboot接口403跨域问题
Sep 02 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
Sep 16 Javascript
JavaScript选择器函数querySelector和querySelectorAll
Nov 27 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中使用exec,system等函数调用系统命令的方法(不建议使用,可导致安全问题)
2012/09/07 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
2014/10/16 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
在线游戏大家来找茬II
2006/09/30 Javascript
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
jquery显示和隐藏div特效实例
2013/02/27 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
2种jQuery 实现刮刮卡效果
2015/02/01 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
JS类的定义与使用方法深入探索
2016/11/26 Javascript
8 行 Node.js 代码实现代理服务器
2016/12/05 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
Tensorflow环境搭建的方法步骤
2018/02/07 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
基于 Django 的手机管理系统实现过程详解
2019/08/16 Python
python+tkinter实现学生管理系统
2019/08/20 Python
win10系统下python3安装及pip换源和使用教程
2020/01/06 Python
python异常处理try except过程解析
2020/02/03 Python
python 装饰器功能与用法案例详解
2020/03/06 Python
ipython jupyter notebook中显示图像和数学公式实例
2020/04/15 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
用css3实现当鼠标移进去时当前亮其他变灰效果
2014/04/08 HTML / CSS
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
家庭户外服装:Hawkshead
2017/11/02 全球购物
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
急诊科护士自我鉴定
2013/10/14 职场文书
英文自荐信
2013/12/15 职场文书
森林防火标语
2014/06/23 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
python lambda 表达式形式分析
2022/04/03 Python
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS