使用iframe框架时,在子页面内跳转–>让父页面跟着一起跳转
由于开发需要,很多时候需要使用到iframe框架,即子页面,子页面使用是挺方便的,但如果在子页面内需要跳转整个页面时就会出现问题。
比如:如果在页面内判断登录状态时,发现还未登录时需要自动跳转到登录页面。但是会页面嵌套!
即:登录页面也嵌套在了父级页面中,这就不符合需求了。
解决:
在js中跳转,window.location.href();这就尴尬了,因为window这种跳转是没有target属性的,这时,你可以使用取个巧,让父页面跟着一起跳转,即
在window.location.href=url后面加上window.parent.location.href=url;
注:如果需要登录之后再跳转回来,可以在url末尾添加"?preurl=" parent.location.href;
即可再跳回父页面。
window.location.href = "../Login.html";
window.parent.location.href = "../Login.html";//让父页面一起跳转