如何阻止 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 的自动跳转.


相关文章
|
7月前
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
1228 3
|
应用服务中间件 nginx
iframe嵌套其他网站提示连接被拒绝
iframe嵌套其他网站提示连接被拒绝
1187 0
|
JavaScript 前端开发 Linux
网页跳转代码的三种方法
网页跳转代码的三种方法
1510 0
|
JavaScript 搜索推荐 应用服务中间件
怎么防止网站被别人使用iframe框架恶意调用
发生歹意网站的危害关于新站来说,是比较大的。那我们应该怎样防止别人歹意镜像我们的网站呢?首要得了解一下镜像网站的原理,镜像网站大约需求以下的几个条件:你的网站运用了独立IP.当然,独立ip对一个网站来说,是好的,可以和其他网站差异开来,成为镜像网站的条件之一,只是独立ip的一个小缺陷。
145 0
怎么防止网站被别人使用iframe框架恶意调用
关于iframe页面里的重定向问题
    最近公司做的一个功能,使用了iframe,父页面内嵌子页面,里面的坑还挺多的,上次其实就遇到过,只不过今天在此描述一下。     请允许我画个草图:          外层大圈是父级页面,里层是子级页面,我们是在父级引用子级页面的,由于是两个页面,URL肯定不一样的,“一般的,在子页面做的操作也仅仅对子页面生效”,现在我要说的就是关于这一点的!     公司这个功能,在子级页面完成某个操作以后,需要跳转页面,于是子级页面的代码是这样写的:提交=>提交成功=>跳转B页面。
4818 0
|
JavaScript
微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
此类事件是手机touchmove默认事件行为,可以通过js代码隐藏事件: $(‘body’).on(‘touchmove’, function (event) {event.
5003 0

热门文章

最新文章