干货 Tips Rules & Tips
1. 遵守中国大陆相关法律法规
2. 本版还在调整当中

如何禁止iframe中引用的网页自动跳转

查看: 4677|回复: 0
虫子 发表于 2015-3-8 03:17:14

虫部落快搜前两天新增了一大波皮肤,然后小幅改动了背景设置方法。期间还添加了一个新的谷歌镜像搜索。但是在点击提交后,便会自动跳转到新的标签页,多少体验打了折扣。究其原因,便是其网页中添加了如下脚本:

  1. if (top.location != self.location) {top.location=self.location;}
复制代码

使用里这段代码之后,网页会自动判断当前的location是否是顶层的,即是否被嵌套到iframe里面了,如果是,则强制跳转。

一种方法是用双重iframe的确阻止强制跳转。但是,第一层的iframe就覆盖了第二层的。所以要把第一层的做成透明的,然后第二层嵌套网页,比较复杂。

另外一种简单的就是增加两个:security="restricted" sandbox="",前者是IE的禁止js的功能,后者是HTML5的功能。刚好就可以让IE,Chrome,Firefox这三大浏览器都实现了禁止iframe的自动跳转

  1. <iframe src="http://www.shahuwang.com/"http://luanqi-cat.blogbus.com/" class="t-iframe" scrolling="no" security="restricted" sandbox="">
复制代码

但是如果这样做,则会导致网页中大量操作失效。所以这也仅仅是一种纯粹阻止跳转的方法。
如有不当,欢迎指正。


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

虫部落 陕ICP备14001577号-1川公网安备 51019002003015号联系我们FAQ关于虫部落免责声明虫部落生存法则蛙先知 - AI 玩家社区 🚧

Build with for "make search easier" Copyright © 2013-2024. Powered by Discuz! GMT+8, 2024-5-15 15:45

快速回复 返回顶部 返回列表