|
前面说了如何阻止 iframe里引用的网页自动跳转,已达到iframe页面的目的。
: F) L( @& V) x这次讲一下如何防止自己的网页被别人iframe。
4 \& y5 \$ }- o! n* u: {: B& b3 Q3 z& O0 v$ [, ]( D, x
1、这些方法都可行,但不是太可靠。
9 W: m/ P; d4 S# v8 t( W- <script language="javascript">
7 g) I8 `8 b; Q! {) x6 b1 d - if( top.location != self.location) top.location.href=self.location.href;' @# o) a: |4 E7 D0 c
- </script>
复制代码 或
( L. B1 m2 U/ _" ~$ \- <script language="javascript">6 R! R, n( T ~0 N( F: Z! o; x
- if (top.location != location) top.location.href = location.href;
8 a9 O! r7 S/ Q$ d$ ]. w - </script>
复制代码 或
" @' R& ~# q/ ]+ e( t* p; w: c A- <script language="javascript">
4 d% W4 z8 m' [0 y" H( R - if (top.location != self.location) {top.location=self.location;}# A* a- g( x" d. Y1 Z; C
- </script>
复制代码 或
6 q3 b( B8 u: a$ t+ {* P# w- <script language="javascript">+ b" O" T' ~" P
- if (top.frames.length!=0) top.location=self.document.location;
; E+ B& i3 _5 S$ M - </script>
复制代码 不可靠的原因:# H, [( Z. [' O; H C+ r+ l1 S
当别人用如下类似代码做IFRAME嵌套调用时,就可能躲过你的页面的javascript代码。/ }% L7 o- j8 r2 m2 J0 ?. m8 @
- <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>" s+ E% P. n5 M' \& Q5 s
- <script language="javascript">
6 ~% m9 h. x4 ]0 Y4 C: v/ M - var location="";
' k* G- `. |; ]- _1 N% T( p1 r2 H - var navigate="";& J8 i' r! ^" j& S
- frames[0].location.href="";
# s" @$ q- i) e3 t6 J; d# |3 U - </script>
复制代码 或
0 l3 [0 e( c0 H0 X3 B) L9 F. Q- <iframe src="http://xp6.org/" class="t-iframe" scrolling="no" security="restricted" sandbox="">
复制代码 或
* C1 E' O& i( a2 H# r; r
/ P: v" F8 ?2 T1 P# M. y- <script type="text/javascript" charset="utf-8">( q3 j/ D* }, ]( W3 a; P& @
- 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>');
/ H- Z1 Y" Y' S4 Y1 y, } - </script>
复制代码 2、代码层次的屏蔽,方法可行,但不是很人性化。+ t! @6 u/ V. j
Meta标签方法
: x" m0 ~/ G4 D- `2 e4 P8 m1 O7 D- <meta http-equiv="X-FRAME-OPTIONS" content="DENY">
复制代码 PHP方法
* F0 W% C. g' l9 M2 k& A/ f/ Q- <?php header('X-Frame-Options:Deny'); ?>
复制代码 Apache主机方法
4 }* N: J1 j7 B3 t" o: _- Header always append X-Frame-Options SAMEORIGIN
复制代码 Nginx主机方法/ o' _5 w& T6 D) H3 P5 g/ B+ Z- w
- add_header X-Frame-Options "SAMEORIGIN";
复制代码
) s; @ }! h2 x( x5 J5 `0 U, D.htaccess方法$ a% X# Q. U$ y0 A
在网站根目录下的.htaccess文件中中加一句
! v. ]) L) z; }, K1 P5 `- Header append X-FRAME-OPTIONS "SAMEORIGIN"
复制代码 * R( D1 `, a& h7 S
IIS方法; l( e' e) [3 K" M) G
在web.config文件中加- <system.webServer>
4 V& z6 k/ i$ b; S& d; m \ - ...
! M! L: g* X' e# z: U! w" I - <httpProtocol>
' d! i$ [% ]( L- ]% v1 t - <customHeaders>
( T) b6 I+ I4 e1 r% b/ y9 z0 _ - <add name="X-Frame-Options" value="SAMEORIGIN" /> 6 v" i+ D8 a9 v1 s5 c2 T
- </customHeaders>
9 i1 D# b% S5 S8 F# M6 s9 z - </httpProtocol>
3 V: _# K+ g0 ^% T" G9 [8 f - ...
' I8 B, K$ \: z3 T; I - </system.webServer>
复制代码
6 `. l" E# H m1 q" Y- q之所以说不人性化,是因为这样操作之后,别人iframe会显示服务器拒绝之类的信息,虽然是屏蔽了,但是自己网站也不能宣传了。5 F5 t! ~& }- V7 b
: U' S; Q9 U0 z3 y$ w/ ~
3、推荐解决方法。
5 Z& e' g& }' n/ I- <script language="javascript"> 9 r3 C! r3 k) d5 b) Q7 g
- if(top != self){/ a# l: E( S b! g
- location.href = "http://xp6.org/iframe.html"; ' e+ Y" q/ f+ g8 T, L) Z
- top.location.href=self.location.href;9 A2 I& {1 @, b* c/ c
- } ; E% ?; j6 T5 G
- </script>
复制代码 2 K# \/ V2 l: I' P6 x. A8 j
将上面的代码复制到需要屏蔽页面<head>里面加载。( y" K7 F4 d1 ^- k# J, }
制作一个iframe.html页面里面放张网站宣传图片,加个链接,放到网站根目录。
5 ?1 \6 {# \( b原理:
0 V- y0 u2 g1 I5 R/ [2 B第一步直接强制访问咱自己设定的iframe.html页面,如果网站禁用了JS跳转,那么执行到这一步就结束了,这样即使他们iframe了咱的网站,看到的只是咱的图片宣传页。
" d/ R: U& C7 H m第二步,如果没有禁用JS,那么会接着执行top.location.href=self.location.href; ,然后跳转到我们的网址页面。% U8 \- b6 w6 m( h7 ? o7 `3 q. s
目前测试这种方法没什么问题。! V/ O# I* K/ b9 d& h& R3 W; U' z
8 P, h8 ], G) O6 j- f |
|