[JavaScript] 判断网页能不能被IFrame 嵌入

最新推荐文章于 2023-05-11 15:24:36 发布
最新推荐文章于 2023-05-11 15:24:36 发布
阅读量1.2k 收藏
点赞数
分类专栏： Javascript /Jquery / Bootstrap / Web 文章标签： javascript php swift ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_5904/article/details/82609996
版权
本文探讨了如何判断一个网页是否能够被IFrame嵌入，提到Google等网站的安全性限制以及JavaScript中onerror和onload事件处理的局限性。通过设置IFrame的src并监听onload事件，结合特定的错误处理，可以准确检测网页的嵌入可行性。作者提供了范例代码地址，展示了如何在不允许嵌入时显示错误信息。
摘要由CSDN通过智能技术生成

 

IFrame是一个分享资讯非常方便的的方式

 

只要输入

<iframe src="http://example.com/"></iframe>

 

就可以嵌入一个网页了！

然而，事实上并不是这么的完美，并不是所有的网页都允许嵌入…

譬如说Google，如果妳直接就输入Google 的网址，如下面

<iframe src="http://google.com"></iframe>

 

那么将只会得到一个空白的IFrame而已…

最低0.47元/天 解锁文章
iteye_5904
关注
专栏目录
Js 判断网页能不能被 IFrame 嵌入
韩世雷 程序员专栏
01-16 1553
参考页面 ：http://shinychang.net/article/542d510265dd204503e125bc
判断网站被iframe以及防止iframe嵌套解决方案
tmj258606的博客
05-27 1023
//判断网站iframe方法 getParentUrl() { var url = null; if (parent !== window) { try { url = parent.location.href; } catch (e) { url = document.referrer; } } return url; } //此上方法返回值为null时，我们网站没有被iframe，否则被嵌套 var iframe = getParent
判断iframe页面的url是否有效
SmilebabyGuo
05-09 2536
在父页面请求连接,根据返回结果判断链接是否有效 $.ajax({ url: "demo.html", success: function(data) { console.log(data); }, error: function(data){ //失败的操作 console.log(data.status);//404表...
jq 判断iframe url 是否有效
qq_34955596的博客
06-01 376
废话不多说，，上代码 $.ajax({ type: "GET", cache: false, url: ‘iframe路径’, data: "", success: function(res) { //正确 }, error: function(res) { //错误
js 监控iframe URL的变化
weixin_33877885的博客
07-11 2302
iframe的url可以前端任何地址，这样就可能出现漏洞，如果钓鱼网站通过js把src改成了危险地址，如果没有监控，就会有很大隐患。所以监控iframe的url变化就是必须要解决的问题了。 第一印象的解决方案是通过setInterval轮询监控，貌似不太理想了，而且有延迟。 千般搜索，终于找到了好的方法，可以通过H5新增的MutationObserver来解决，配合DOMAttrModifie...
JS防止网页被嵌入iframe框架的方法分析
10-21
然而，某些情况下，网页开发者可能不希望自己的网页被其他网站通过iframe嵌入。为了防止这种情况发生，开发者可以利用JavaScript来阻止网页被嵌入iframe框架。 首先，为了确保当前网页没有被其他网页通过iframe嵌入...
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
10-20
本文将详细解析如何使用JavaScript判断当前页面是否被嵌入到iframe中，以及如何防止网页被其他网站用iframe嵌套。 一、判断是否在iframe中的方法 1. 利用self.frameElement属性 在JavaScript中，我们可以通过检测...
判断iframe里的页面是否加载完成
09-04
在网页开发中，有时我们需要在主页面中嵌入一个或多个`iframe`，这些`iframe`通常用于加载其他页面内容。然而，为了实现更复杂的交互功能，如在父页面与`iframe`页面之间进行通信或者在`iframe`加载完成后执行某些...
基于JS判断iframe是否加载成功的方法(多种浏览器）
10-22
在网页开发中，有时我们需要在页面中嵌入`iframe`以加载外部资源，例如广告、视频、地图等。为了确保后续操作能够正确执行，我们需要准确判断`iframe`是否已经加载完成。本文将详细介绍如何使用JavaScript在多种...
判断Iframe中的网页是否加载成功
shaily读书学习
02-06 4730
              New   Document           function   getContent()     {     var   url="http://www.google.com";     var   xmlhttp=new   ActiveXObject("Microsoft.XMLHTTP");     xmlhttp.open("GET",url
如何检测IFRAME中SRC是否可用,不可用将IFRAME隐藏
jiangzh1982的专栏
06-29 1371
近期开发的一个项目中需要开发如下一个功能: 需要检测一个iframe中的src是否可用如果不可用则将该iframe隐藏. 我采用的方法是通过ajax去检测,如果不可用才将该iframe隐藏,代码如下:  &lt;script language="javascript"&gt; var isExistPage = true; var pageUrl = document.getElementById...
解决iframe嵌套第三方网址不能访问
最新发布
Davi的博客
05-11 2万+
X-Frame-Options 是一个 HTTP 响应头部，用于防止网站被嵌入到其他网站的 iframe 中。该协议定义了一些选项，使网站可以控制在哪些网站中可以嵌入自己的内容，从而防止网站被点击劫持攻击。如果网站设置了 X-Frame-Options 响应头部，浏览器会根据该选项来决定是否允许在 iframe 中显示该网站的内容。并隐藏来自该网站的两个响应头：“Content-Security-Policy” 和 “X-Frame-Options”。2.SAMEORIGIN：只允许同源网站嵌入。
判断页面是否被嵌入iframe里面
weixin_30538029的博客
01-10 590
最近在做一个项目，是一个小型的后台管理系统，这个系统可以单独打开，也可以嵌入公司大型的后台管理项目里面 这样就存在一个问题，在被嵌入大的后台管理系统后，不用显示该页面顶部导航栏和左侧的菜单栏 所以我们在项目里面就要做判断，当没有被嵌入iframe里面时，应该正常显示，否则隐藏左侧和顶部 window.self === window.top //1. 如果返回false –> 说明页面被嵌套在...
JS判断页面是否被iframe嵌套
学习使我快乐_玉祥
05-04 1万+
1、判断页面是否被iframe有三种方法 //方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } //方式二 if (window.frames.length != parent.frames.length) { alert('在iframe中'); } //方式三 if (self != top) { alert('在i.
angular $watch的使用
lzf的博客
06-26 2007
在$apply方法中提到过脏检查，首先apply方法会触发evel方法，当evel方法解析成功后，会去触发digest方法，digest方法会触发watch方法。(1)$watch简介在digest执行时，如果watch观察的的value与上一次执行时不一样时，就会被触发。AngularJS内部的watch实现了页面随model的及时更新。$watch方法在用的时候主要是手动的监听一个对象，但对象...
如何判断页面是否被iframe引用
caoshunxin01的专栏
02-23 3213
如果没有被iframe引用的话，则location与top.location是一样的！ 判断页面是否被iframe引用 if(top.location != location){       top.location.href= location.href;   }
iframe嵌入技术在网页设计中的应用与实践
在网页设计中，嵌入式框架iframe是一种常用的技术，它允许将一个网页嵌入到另一个网页中，从而实现“画中画”的效果。iframe是HTML语言的一个标签，用于创建一个独立的可浏览区域，即子框架，它能够嵌入在父框架的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值