js中top.location.href、parent.location.href用法

window.location.href、location.href是本页面跳转

parent.location.href是上一层页面跳转

top.location.href是最外层的页面跳转

举例说明:

window.location.href、location.href:

例:

window.location.href= 'wapsend1.asp?zimu=A&rev= '   +   form1.rev.value ;

parent.location.href:C页面跳转
例:

window.parent.parent.location.href=“你定义要跳转的页面”

top.location.href:A页面跳转
例:
在form提交表单的时候有个属性可能对上面的(2)的情况有用target=_top

<form name=loginForm action=Login.action method=post target=_top>

</form>

例2:

echo <iframe width=0 height=0 frameborder=0 scrolling=auto src='登录论坛' onload='reurl()'></iframe>;
echo <script> function reurl(){top.location.href='.$url.'}</script>;

也可以直接在表单提交是的target加个即可

: form提交后D页面跳转

: form提交后弹出新页面

: form提交后C页面跳转

window.top.location.href 和 window.location.href 的区别

if (window.location.href == window.top.location.href) { window.top.location.href = “/index.html”; }

top.window.location.reload 中top是什么意思 父框架的对象

比如

有网页  1.htm  <span id='str'>显示内容1</span> <iframe src='2.htm'></iframe>  
2.htm  <input type='button' value='改变显示内容'onclick="top.document.getElementById('str').innerHTML='显示内容2222222';" /> 

 也就是 如果 2.htm 里面 使用了: top.window.location.reload 那么就是 刷新父页面 1.htm 如果2.htm里面使用的是: window.location.reload 那就是 刷新框架 2.htm    父页面1.htm  不改变 
parent.location.href是用来在当前页面的上一层页面进行跳转的。具体实现的方法是通过在JavaScript使用parent.location.href属性来改变上一层页面的URL地址,从而实现页面的跳转。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [jslocation.href,parent.location.href,top.location.href用法](https://blog.csdn.net/weixin_43553153/article/details/112426719)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [关于jswindow.location.href,location.href,parent.location.href,top.location.href用法](https://blog.csdn.net/s13596191285/article/details/128459046)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [关于js[removed].href,location.href,parent.location.href,top.location.href用法与区别](https://download.csdn.net/download/weixin_38640984/13589277)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值