location href、parent location href、top location href、window open实现页面跳转
2015-11-06 13:37
351 查看
"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.open("Url地址","_blank")
= window.open("Url地址");//在新窗口打开
location = window.location = location.href = window.location.href =self.location.href = "Url地址";//在D页面实现展现
window.open("Url地址","_self");//在D页面实现展现
parent.location.href = window.parent.location.href ="Url地址";//在C页面实现展现
window.open("Url地址","_parent");//在C页面实现展现
top.location.href = window.top.location.href ="Url地址";//在A页面实现展现
window.open("Url地址","_top")//在A页面实现展现
parent.parent.location = "Url地址";//在B页面实现展现
parent.open("Url地址","_parent")
= parent.parent.open("Url地址","_self")//在B页面实现展现
如果D页面中有form的话,
< form>: form提交后D页面跳转
< form target="_blank">: form提交后弹出新页面
< form target="_parent">: form提交后C页面跳转
< form target="_top"> : form提交后A页面跳转
关于页面刷新,D 页面中这样写:
"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )
"top.location.reload();": A页面刷新
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转
//举个例子:如果A,B,C,D都是html,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写
window.open("Url地址","_blank")
= window.open("Url地址");//在新窗口打开
location = window.location = location.href = window.location.href =self.location.href = "Url地址";//在D页面实现展现
window.open("Url地址","_self");//在D页面实现展现
parent.location.href = window.parent.location.href ="Url地址";//在C页面实现展现
window.open("Url地址","_parent");//在C页面实现展现
top.location.href = window.top.location.href ="Url地址";//在A页面实现展现
window.open("Url地址","_top")//在A页面实现展现
parent.parent.location = "Url地址";//在B页面实现展现
parent.open("Url地址","_parent")
= parent.parent.open("Url地址","_self")//在B页面实现展现
如果D页面中有form的话,
< form>: form提交后D页面跳转
< form target="_blank">: form提交后弹出新页面
< form target="_parent">: form提交后C页面跳转
< form target="_top"> : form提交后A页面跳转
关于页面刷新,D 页面中这样写:
"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )
"top.location.reload();": A页面刷新
相关文章推荐
- grub命令下的centos救援笔记
- centos常用命令
- 完整安装vmware10和centOS6.4(64位)
- linux 下执行.sh文件总是提示permission denied
- kilo版本openstack的dashboard报错解决办法
- Linux下JAVA应用启动脚本示例
- 工作积累(十二)——Supervisor安装及使用
- GIS应用及OpenGIS介绍
- Linux下开启/关闭MySql Server
- Apache Hadoop安装
- Apache和Nginx防盗链的几种配置方法
- Linux查看当前登录用户并踢出用户
- Ubuntu 入门 Lession 02.文本模式下指令的下达
- eclipes+tomcat+spingmvc 发布到阿里云服务器mysql遇到问题
- CentOS 6.7 上安装Firefox浏览器
- Linux如何查看与/dev/input目录下的event对应的设备
- rman: can't open target
- Node.js 配置Nginx
- linux下使用daemontools的supervise让不稳定程序死掉自动马上重启
- shell 判断式