关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
"window.location.href"、"location.href"是本页面跳转.
"parent.location.href" 是上一层页面跳转.
"top.location.href" 是最外层的页面跳转.
举例说明:
如果A,B,C,D都是html,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写
"window.location.href"、"location.href":D页面跳转
"parent.location.href":C页面跳转
"top.location.href":A页面跳转
如果D页面中有form的话,
<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转
如果访问的是iframe里面的页面,重新加载最外层的页面
<html>
<head>
<title></title>
<script language="javascript">
function escapeFrame(){
if (window.top.location.href != window.location.href) {
window.top.location.reload();
}
}
</script>
</head>
<body οnlοad="escapeFrame()">
<iframe src="b.html" ></iframe>
</body>
</html>
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法相关推荐
- 关于js中window.location.href、location.href 等如何跳转
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
- js中window.location.href,location.href,parent.location.href,top.location.href的用法
"window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一 ...
- 关于js中window.location.href,location.href,parent.location.href,top.location.href的使用方法
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
- 关于js中window.location.href、location.href、parent.location.href、top.location.href的用法...
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
- 关于js中window.location.href、location.href重定向
关于js中"window.location.href"."location.href"."parent.location.href".&qu ...
- js中WINDOW对象中的location成员对象
js中DOM, DOCUMENT, BOM, WINDOW 区别 全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js中WINDOW对象中的location成员对象 locatio ...
- js中WINDOW对象
全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js中WINDOW对象 BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一 ...
- js中window.onload 与 jquery中$(document.ready()) 测试
js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...
- js中WINDOW对象中的navigator成员对象
js中DOM, DOCUMENT, BOM, WINDOW 区别 全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js中WINDOW对象中的navigator成员对象 naviga ...
最新文章
- html css网站开发兵书,程序员藏经阁--HTML+CSS网站开发兵书(附光盘)
- javascript高级程序设计第3版——第6章 面向对象的程序设计
- 【看图识算法】这是你见过最简单的 “算法说明书”
- r perl python电脑要求_Shell Perl Python 介绍
- mysql5.6.24配置日志_windows下mysql5.6.x的日志正确配置方法(my.ini) (网上的都是5.6之前的版本)...
- jz2440开发板修改UBOOT支持NAND FLASH
- html中.inner样式,JavaScript-DOM动态控制Html标签对象样式和innerHTML、className属性
- 含泪挥手告别RHCE
- 扫描仪标准模板滑动采集图像及其处理
- 批量读取word docx文件指定表格内容,保存在excel文件中
- 小程序点击图片查看详情
- esxcli software vib 命令为 ESXi 5.x/6.x 主机安装补丁程序 (2008939)
- 【VS】VS Code安装、配置、使用(windows10 64)
- 一文详解知识图谱关键技术与应用 | 公开课笔记
- 最新目标跟踪评估指标汇总
- 写好 JavaScript 异步代码的几个技巧
- 游戏测试工程师的光荣与梦想(一)-百炼成钢
- spring加载xsd文件
- 推荐5个堪称神器的学习网站,在家你值得拥有
- <马哲>以私有制为基础的商品经济的基本矛盾是什么?2017-12-27