js实现页面跳转的五种方法推荐


Posted in Javascript onMarch 10, 2016

js实现页面跳转的五种方法推荐

第一种:

<script language="javascript" type="text/javascript"> 

window.location.href="xx.jsp?backurl="+window.location.href; 

</script>

第二种:

<script language="javascript"> 

alert("返回"); 

window.history.back(-1); 

window.history.go(-1);

</script>

第三种:

<script language="javascript"> 

window.navigate("xx.jsp"); 

</script>

第四种:

<script language="JavaScript"> 

self.location='xx.htm'; 

</script>

第五种:

<script language="javascript"> 

alert("非法访问!"); 

top.location='xx.jsp'; 

</script>

总结:
self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)

top:父窗口对象

window:典型情况下,浏览器会为每一个打开的html创建对应的window对象,如果这个文档包含了多个框架,则浏览器会为原始文档建立一个window对象,再为每个框架创建额外的window对象。可以再当前窗口中直接使用window的全部属性、方法和集合,即不需要在前面附加计算结果为当前window对象的表达式。虽然window可以省略,但是为了方便阅读以及避免一些漏洞,一般都使用这个关键字。
location:该对象包含当前url信息,拥有多个属性。默认属性为 location.href,表示整个url,即如果设置location="https://3water.com",则等同于location.href="https://3water.com".self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)

window.navigate("http://xx.html/") 这个方法是只针对IE的,不适用于火狐等其他浏览器,在HTML DOM Window Object中,根本没有列出window.navigate这个方法,所以这个方法尽量少用。
window.location 属性是兼容所有浏览器的。因此在实现页面跳转的时候这个比较常用。
window.history.go(-1)是返回上一页
window.location.go(-1) 是刷新上一页

以上这篇js实现页面跳转的五种方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
gridpanel动态加载数据的实例代码
Jul 18 Javascript
解析JSON对象与字符串之间的相互转换
Dec 18 Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
May 11 Javascript
vue2组件实现懒加载浅析
Mar 29 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
原生JS实现Ajax跨域请求flask响应内容
Oct 24 Javascript
如何在基于vue-cli的项目自定义打包环境
Nov 10 Javascript
vue2.0自定义指令示例代码详解
Apr 25 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
May 18 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
vue+Element-ui前端实现分页效果
Nov 15 Javascript
js实现上一页下一页的效果【附代码】
Mar 10 #Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
Mar 10 #Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
Mar 10 #Javascript
node.js实现爬虫教程
Aug 25 #Javascript
ES6中如何使用Set和WeakSet
Mar 10 #Javascript
解析javascript瀑布流原理实现图片滚动加载
Mar 10 #Javascript
javascript实现可键盘控制的抽奖系统
Mar 10 #Javascript
You might like
php和javascript之间变量的传递实现代码
2012/12/19 PHP
关于php循环跳出的问题
2013/07/01 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
php解决抢购秒杀抽奖等大流量并发入库导致的库存负数的问题
2014/06/19 PHP
PHP实现自动登入google play下载app report的方法
2014/09/23 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
php array_reverse 以相反的顺序返回数组实例代码
2017/04/11 PHP
csdn 博客的css样式 v3
2009/02/24 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
2013/09/10 Javascript
JS实现状态栏跑马灯文字效果代码
2015/10/24 Javascript
JavaScript兼容性总结之获取非行间样式案例
2016/08/07 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python实现进程同步和通信的方法
2018/01/02 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
推荐技术人员一款Python开源库(造数据神器)
2020/07/08 Python
python数据抓取3种方法总结
2021/02/07 Python
HTTP状态码详解
2021/03/18 杂记
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
Hunkemöller瑞士网上商店:欧洲最大的内衣品牌之一
2018/12/03 全球购物
Cinque网上商店:德国服装品牌
2019/03/17 全球购物
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
高一地理教学反思
2014/01/18 职场文书
会计专业职业规划:规划自我赢取未来
2014/02/12 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
因公司原因离职的辞职信范文
2015/05/12 职场文书
董事长秘书工作总结
2015/08/14 职场文书
初三语文教学反思
2016/03/03 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书