如何阻止 iframe 里引用的网页自动跳转

简介: 如何阻止 iframe 里引用的网页自动跳转


  • 问题
    百度代码中有 if (top.location != self.location) {top.location=self.location;} 使用里这段代码之后,会自动判断当前的 location 是否是顶层的,即是否被嵌套到 iframe 里面了,如果是,则强制跳转。
  • 解决
<iframe src="" class="iframe" scrolling="no" security="restricted" sandbox="">
  • 增加两个:security=“restricted” sandbox=“”(内嵌百度时要允许弹框,即 sandbox=“allow-popups”),前者是 IE 的禁止 js 的功能,后者是 HTML5 的功能。刚好就可以让 IE,Chrome,Firefox 这三大浏览器都实现了禁止 iframe 的自动跳转.


相关文章
|
9月前
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
1296 3
|
JavaScript 前端开发 Linux
网页跳转代码的三种方法
网页跳转代码的三种方法
1545 0
关于iframe页面里的重定向问题
    最近公司做的一个功能,使用了iframe,父页面内嵌子页面,里面的坑还挺多的,上次其实就遇到过,只不过今天在此描述一下。     请允许我画个草图:          外层大圈是父级页面,里层是子级页面,我们是在父级引用子级页面的,由于是两个页面,URL肯定不一样的,“一般的,在子页面做的操作也仅仅对子页面生效”,现在我要说的就是关于这一点的!     公司这个功能,在子级页面完成某个操作以后,需要跳转页面,于是子级页面的代码是这样写的:提交=>提交成功=>跳转B页面。
4862 0
|
JavaScript
微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
此类事件是手机touchmove默认事件行为,可以通过js代码隐藏事件: $(‘body’).on(‘touchmove’, function (event) {event.
5019 0
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发 .NET