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 相关文章推荐
jquery实现简单的拖拽效果实例兼容所有主流浏览器
Jun 21 Javascript
intro.js 页面引导简单用法 分享
Aug 06 Javascript
跨域传值即主页面与iframe之间互相传值
Dec 09 Javascript
jquery获取当前日期的方法
Jan 14 Javascript
jquery+CSS实现的多级竖向展开树形TRee菜单效果
Aug 24 Javascript
基于JavaScript如何实现ajax调用后台定义的方法
Dec 29 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
js判断数组是否包含某个字符串变量的实例
Nov 24 Javascript
js中自定义react数据验证组件实例详解
Oct 19 Javascript
Node.js中的异步生成器与异步迭代详解
Jan 31 Javascript
js实现页面跳转的五种方法推荐
Mar 10 #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
You might like
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
本地计算机无法启动Apache故障处理
2014/08/08 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
php实现简易计算器
2020/08/28 PHP
js setTimeout 常见问题小结
2013/08/13 Javascript
关于Iframe父页面与子页面之间的相互调用
2016/11/22 Javascript
JavaScript函数表达式详解及实例
2017/05/05 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
使用3D引擎threeJS实现星空粒子移动效果
2020/09/13 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
vue生命周期实例小结
2018/08/15 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
[46:48]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第三局
2016/02/25 DOTA
python连接mysql并提交mysql事务示例
2014/03/05 Python
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
python中将zip压缩包转为gz.tar的方法
2018/10/18 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
解决pymysql cursor.fetchall() 获取不到数据的问题
2020/05/15 Python
django 将自带的数据库sqlite3改成mysql实例
2020/07/09 Python
Python模块常用四种安装方式
2020/10/20 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
CSS中越界问题的经典解决方案【推荐】
2016/04/19 HTML / CSS
Farfetch阿联酋:奢侈品牌时尚购物平台
2019/07/26 全球购物
公司中秋节活动方案
2014/02/12 职场文书
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
2014年施工员工作总结
2014/11/18 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书
风雨哈佛路观后感
2015/06/03 职场文书