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 dom代码应用 简单的相册[firefox only]
Jun 12 Javascript
javascript 拷贝节点cloneNode()使用介绍
Apr 03 Javascript
javascript 获取元素样式必杀技
May 04 Javascript
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
jquery提示效果实例分析
Nov 25 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
Mar 01 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
Aug 24 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
ES6 Class中实现私有属性的一些方法总结
Jul 08 Javascript
js通过canvas生成图片缩略图
Oct 02 Javascript
AJAX实现省市县三级联动效果
Oct 16 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函数
2006/10/09 PHP
PHP读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
ThinkPHP的URL重写问题
2014/06/22 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
Yii2 assets清除缓存的方法
2016/05/16 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2020/01/22 PHP
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010/10/20 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
学习javascript面向对象 掌握创建对象的9种方式
2016/01/04 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
详解nodejs 文本操作模块-fs模块(四)
2016/12/22 NodeJs
JS绘制微信小程序画布时钟
2016/12/24 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
9种改善AngularJS性能的方法
2017/11/28 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
js中getter和setter用法实例分析
2018/08/14 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
微信小程序实现定位及到指定位置导航的示例代码
2019/08/20 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
js实现简易计算器小功能
2020/11/18 Javascript
为什么str(float)在Python 3中比Python 2返回更多的数字
2018/10/16 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)
2020/01/03 Python
Python 下载Bing壁纸的示例
2020/09/29 Python
一套C++笔试题面试题
2012/06/06 面试题
会议欢迎词范文
2015/01/27 职场文书
留学推荐信中文范文
2015/03/26 职场文书
社区服务活动感想
2015/08/11 职场文书
民事调解协议书
2016/03/21 职场文书