如何防止自己的网页被别人iframe嵌入

happyxp

前面说了如何阻止 iframe里引用的网页自动跳转，已达到iframe页面的目的。
5 X% S, x& x- F" Z8 C这次讲一下如何防止自己的网页被别人iframe。
8 f! _# E+ c7 c7 \, I$ K
1、这些方法都可行，但不是太可靠。

1. <script language="javascript">
   7 Y. H# d. U0 y, M& K" a- E5 w
2. if( top.location != self.location) top.location.href=self.location.href;
   
3. </script>

复制代码

或
2 ?  h8 e/ q3 _! a

1. <script language="javascript">
   
2. if (top.location != location) top.location.href = location.href;
   - l5 i* @0 x& L, W; h  [8 O
3. </script>

复制代码

或

1. <script language="javascript">
   4 e$ h& W  U+ ^
2. if (top.location != self.location) {top.location=self.location;}
   
3. </script>

复制代码

或
4 E  h( y$ P0 s2 i/ ~7 Z

1. <script language="javascript">
   2 \, j+ a% j: a- [- @2 O
2. if (top.frames.length!=0) top.location=self.document.location;
   4 z  @) k: m: E5 P1 U+ k9 K1 T
3. </script>

复制代码

不可靠的原因：
4 j* y* Q! a& j# `7 f( Z当别人用如下类似代码做IFRAME嵌套调用时，就可能躲过你的页面的javascript代码。

1. <iframe src="http://xp6.org/" name="tv" marginwidth="0" marginheight="0" scrolling="No" noResize frameborder="0" id="tv"  framespacing="0" width="580" height="550" VSPACE=-145 HSPACE=-385></iframe>
   7 _8 u/ p) z0 S2 k" `" t- ~
2. <script language="javascript">
   
3. var location="";
   " T# i+ m# K1 \$ u' J# u9 Z, A, R
4. var navigate="";
   * Q+ G* e/ u3 z" _" V+ |3 I
5. frames[0].location.href="";
   4 Z# M2 {+ k2 r) ]9 \
6. </script>

复制代码

或
/ n& P1 o! x! J: g. m- P( r* v& H

1. <iframe src="http://xp6.org/" class="t-iframe" scrolling="no" security="restricted" sandbox="">

复制代码

或
/ {( t, z- `' u8 I: h

1. <script type="text/javascript" charset="utf-8">
   . Q' L! t0 p. b9 A
2. document.write('<iframe seamless sandbox security="restricted" id="url_mainframe" frameborder="0" scrolling="yes" name="main" src="http://xp6.org/" style="height:100%; visibility: inherit; width: 100%; z-index: 1;overflow: visible;"></iframe>');
   
3. </script>

复制代码

2、代码层次的屏蔽，方法可行，但不是很人性化。
Meta标签方法

1. <meta http-equiv="X-FRAME-OPTIONS" content="DENY">

复制代码

PHP方法

1. <?php header('X-Frame-Options:Deny'); ?>

复制代码

Apache主机方法

1. Header always append X-Frame-Options SAMEORIGIN

复制代码

Nginx主机方法
1 e8 x4 @" c* o2 j; G# K7 {/ k

1. add_header X-Frame-Options "SAMEORIGIN";

复制代码

.htaccess方法
在网站根目录下的.htaccess文件中中加一句
2 n: S* Q& g5 V9 i

1. Header append X-FRAME-OPTIONS "SAMEORIGIN"

复制代码

/ E& g* ~/ N# e. g% \' {; AIIS方法
! \* E% h5 R! q, E0 t6 D; r/ g在web.config文件中加

1. <system.webServer>
   
2.   ...
   ; S2 h+ R1 @3 u7 E
3.   <httpProtocol>
   . l8 F# t, c6 x0 b
4.     <customHeaders>
   
5.       <add name="X-Frame-Options" value="SAMEORIGIN" />      
   ( a' P) e0 U# p
6.     </customHeaders>   
   
7.   </httpProtocol>  
   5 z' E/ L0 @  y+ k' v
8.   ...
   
9. </system.webServer>

复制代码

, x7 c. x! N+ L$ x- D! k& l' B之所以说不人性化，是因为这样操作之后，别人iframe会显示服务器拒绝之类的信息，虽然是屏蔽了，但是自己网站也不能宣传了。

* N$ j& ?  M4 T. I0 `: j4 S  h0 I+ j3、推荐解决方法。
2 D  K7 |3 _3 |/ r

1. <script language="javascript">  
   - [7 {. {2 R9 ]7 c% o" N
2. if(top != self){
   
3.     location.href = "http://xp6.org/iframe.html";  
   
4.     top.location.href=self.location.href;
   5 {+ D# B, U& t$ n: k
5. }  
   & ]. u# v7 ?# ?, q2 g
6. </script>

复制代码

4 C' X/ C; m2 t& A将上面的代码复制到需要屏蔽页面<head>里面加载。
; s  s5 q( P" l5 Y& V& s3 |' J制作一个iframe.html页面里面放张网站宣传图片，加个链接，放到网站根目录。
原理：
9 I: `, Q1 C* }# Y9 E* R7 e第一步直接强制访问咱自己设定的iframe.html页面，如果网站禁用了JS跳转，那么执行到这一步就结束了，这样即使他们iframe了咱的网站，看到的只是咱的图片宣传页。
第二步，如果没有禁用JS，那么会接着执行top.location.href=self.location.href; ，然后跳转到我们的网址页面。
" W# V& [* [; K目前测试这种方法没什么问题。
) @# H- o# ~/ {2 ?! d
, f9 M: W, F! g( c; |