由于嵌入iframe的嵌入 使得网站变的更不安全, 如何能防止网页禁止被iframe嵌入呢?
下面给出几个企业网站的应对方法:
腾讯qq空间:
document.domain="qq.com";var _s_=new Date(),g_T={},siDomain="ctc.qzonestyle.gtimg.cn",g_iUin=499469859,g_iLoginUin=499469859;g_T.fwp=[_s_];document.namespaces&&document.namespaces.add&&(document.namespaces.add('qz', 'http://qzone.qq.com/'),document.namespaces.add('x', 'http://qzone.qq.com/'));var QZFL={};QZFL.event={};QZFL.event.getEvent=function(evt){var evt=window.event||evt,c,cnt;if(!evt&&window.Event){c=arguments.callee;cnt=0;while(c){if((evt=c.arguments[0])&&typeof(evt.srcElement)!="undefined"){break;}else if(cnt>9){break;}c=c.caller;++cnt;}}return evt;};QZFL.event.getTarget=function(evt){var e=QZFL.event.getEvent(evt);if(e){return e.srcElement||e.target;}else{return null;}};var QZFF_M_img_ribr=[];QZFL.media={reduceImgByRule:function(ew,eh,opts,cb){QZFF_M_img_ribr.push(QZFL.event.getTarget());},adjustImageSize:function(w,h,trueSrc,cb,errCallback){QZFF_M_img_ribr.push(QZFL.event.getTarget());},reduceImage:function(){QZFF_M_img_ribr.push(QZFL.event.getTarget());},getImageInfo:function(){QZFF_M_img_ribr.push(QZFL.event.getTarget());}};g_T.fwp[1] = new Date();
淘宝前端:
if(window.top !== window.self){ window.top.location = window.location;}
从性能上看 腾讯的更为专业,更安全. 不过我还是比较爱参考淘宝的, 哈哈 各位怎么看。
分享到:
相关推荐
### iframe嵌入链接本地环境正常,正式环境重定向到登录问题解决方案 #### 问题背景 在开发过程中,经常需要将一个网页嵌入到另一个网页中,通常的做法是使用HTML中的`<iframe>`标签来实现这一功能。但在实际操作中...
同时,`iframe`也有一些需要注意的点,比如跨域问题,如果嵌入的网页与主页面不在同一个域名下,可能会受到浏览器的同源策略限制。此外,`iframe`的使用也可能会对网页的性能和SEO产生影响,因为它们可能会导致额外...
在探讨“嵌入到HTML的iframe自动适应大小”的主题时,我们主要关注的是如何使一个内嵌在HTML页面中的iframe元素能够根据其内容或者父容器的尺寸动态调整自身的高度,从而实现良好的响应式设计和用户体验。...
在网页开发中,`iframe`(Inline Frame)是一种非常实用的元素,它可以将一个完整的HTML文档嵌入到当前页面中,常用于实现页面组件化、加载外部内容或隐藏页面加载等场景。本篇文章将深入探讨两个关键知识点:`...
在Web开发中,`iframe` 是一个非常常用的元素,它允许我们在一个页面中嵌入另一个网页。然而,由于浏览器的同源策略限制,当`iframe`加载的页面与包含它的页面不在同一个域名下时,就会遇到跨域问题。这篇博客将深入...
如果跨域,我们需要在被嵌入页面中设置`window.postMessage`来进行通信,以便让外部页面知道何时需要调整Iframe的高度。 ```javascript // 在被嵌入页面中 window.addEventListener('message', function(event) { ...
`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档,这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常有用。在Vue中使用`iframe`,我们可以直接在模板中插入`iframe`标签,并设置相应的...
这个API允许两个不同源的窗口之间安全地传递消息。通过监听`message`事件,可以在iframe内部接收到父页面发送的数据,从而避免了cookie的限制。 3. **使用`document.domain`设置相同域名**:如果父页面和iframe都...
在HTML中,`<iframe>`元素是一个强大的工具,它允许我们嵌入其他网页或者资源到当前页面中,极大地增加了页面的灵活性和可嵌入性。本教程将深入探讨如何利用`<iframe>`来实现这一功能。 ### 1. `<iframe>`标签介绍 ...
当遇到"Iframe中页面显示不全"的问题时,通常是由于iframe的尺寸设置不当或者与被嵌入内容的尺寸不匹配导致的。下面将详细探讨如何解决这一问题以及相关的知识点。 首先,我们需要了解`<iframe>`的基本结构和属性。...
在网页设计中,Iframe(Inline Frame)是一种嵌入式框架元素,允许我们在一个HTML文档中嵌入另一个HTML文档。这种技术常用于实现TAB页面切换,即在一个固定的区域通过切换不同的内容来模拟多个独立页面的效果,提高...
使用iframe框架可以在不离开当前页面的情况下打开新的页面,这对于需要在同一页面内操作多个内容块的场景非常有用。 在iframe框架中打开页面,通常涉及到HTML和JavaScript技术。这里涉及到的知识点主要包括: 1. ...
但其在使用过程中也可能会遇到一些安全性和兼容性的问题,例如Iframe嵌入Excel Services页面时出现的“此内容不能显示在一个框架中”的报错。为了解决这一问题,我们需要深入了解相关知识点,包括Iframe嵌入、点击...
- **`window.postMessage()`**:这是一种安全的跨域通信方式,允许不同源的页面间传递消息。父页面和子页面都可以调用此方法发送和接收消息。 - **`window.name`属性**:由于`window.name`的特性是跨页面保持不变...
IFrame是一种HTML元素,它允许我们在一个网页中嵌入另一个网页,从而实现页面的分层展示。这对于内容聚合、部分页面动态更新等场景非常有用。在父子页面关系中,IFrame中的页面(子页面)与包含它的页面(父页面)...
而IFrame(Inline Frame)是HTML的一个元素,允许在页面内嵌入另一个完整的网页。在Flex中使用IFrame,可以将HTML内容与Flex组件结合,实现混合式应用。 遇到的典型问题主要有两个: 1. **Flex组件被遮挡**:由于...
3. **iframe跨域问题**:当iframe加载的页面与包含它的页面不在同一个域时,就会出现跨域问题,导致无法直接通过JavaScript进行通信,如获取iframe内的内容、设置iframe的属性等。 **二、iframe跨域的解决方案** 1...
2. **利用`postMessage`和`message`事件:** HTML5引入了`postMessage`API,允许不同源的页面之间安全地传递数据。一个`iframe`可以向其他`iframe`或父页面发送消息,接收方通过监听`message`事件来接收消息。 **二...
IFrame允许在单一网页中嵌入另一个网页,从而实现内容的复用或隔离。下面我们将详细探讨这一主题。 **1. IFrame基本概念** IFrame,全称为Inline Frame,它是一个可以在HTML文档中嵌入另一个HTML文档的元素。通过...