|
|
前面说了如何阻止 iframe里引用的网页自动跳转,已达到iframe页面的目的。. s* c& |# o- n0 Y% W
这次讲一下如何防止自己的网页被别人iframe。: _, k7 h" b2 X5 |5 E) O
9 ]- U& K& t, S# Y& J x
1、这些方法都可行,但不是太可靠。
6 D S% F0 \+ R: U: t- <script language="javascript">
) X, n) u2 [6 D. O: F' L2 [7 q - if( top.location != self.location) top.location.href=self.location.href;& ]# R7 Q/ Q* G
- </script>
复制代码 或
. a2 a, {6 \7 j2 _: `# c- <script language="javascript">
" x8 J' v" V4 p" B3 \; K - if (top.location != location) top.location.href = location.href;
7 C* Y, T! A! ^: _6 z; w0 o, U - </script>
复制代码 或+ l# O7 f% Q: _9 h$ v
- <script language="javascript">
^/ p8 o( I0 Y/ b1 T- O - if (top.location != self.location) {top.location=self.location;}& b, W) |+ e! K; x
- </script>
复制代码 或
: T& V; R8 O* L H. y6 n: c- <script language="javascript">9 T5 w% O) c$ d: U7 D+ w
- if (top.frames.length!=0) top.location=self.document.location;9 j" D! \8 o% a1 ~$ l/ V2 e
- </script>
复制代码 不可靠的原因:5 e3 e7 ]' v6 C% r+ h' r7 v
当别人用如下类似代码做IFRAME嵌套调用时,就可能躲过你的页面的javascript代码。* P X& E* J4 ^; e1 {0 H$ w
- <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>
6 |4 ?1 Z5 V4 H - <script language="javascript"> # D$ O/ [; ^% R3 c1 x; l' A& ?
- var location="";, D& n' R4 B, b* T9 J
- var navigate="";
/ A- ?1 j. s5 w2 X - frames[0].location.href="";
/ ^1 r$ y$ Q, l4 n - </script>
复制代码 或
0 j" p" G1 ~( Z- <iframe src="http://xp6.org/" class="t-iframe" scrolling="no" security="restricted" sandbox="">
复制代码 或, H1 c' c2 b6 H" v
7 C' c+ j( @1 }/ `" i
- <script type="text/javascript" charset="utf-8">0 j0 v( W7 f: y1 v. z
- 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>');
( F& F+ P9 L, m5 m1 s. J - </script>
复制代码 2、代码层次的屏蔽,方法可行,但不是很人性化。
, o7 a/ q! h. S3 h h: @+ @6 E( yMeta标签方法) l9 p3 i8 U/ M; g6 u, O- l5 B5 u
- <meta http-equiv="X-FRAME-OPTIONS" content="DENY">
复制代码 PHP方法
" D/ d- s3 v3 U3 }- b- <?php header('X-Frame-Options:Deny'); ?>
复制代码 Apache主机方法
1 h7 T, ~& H/ m, i: J- w% \- Header always append X-Frame-Options SAMEORIGIN
复制代码 Nginx主机方法6 z5 S6 b1 s, A+ t* l" _- P: w
- add_header X-Frame-Options "SAMEORIGIN";
复制代码
4 |7 w- ]9 r# W0 ]8 a6 M9 c. @.htaccess方法
: _* p P, _4 v& X在网站根目录下的.htaccess文件中中加一句
/ W+ e) C0 {1 k3 z3 C+ I) w- Header append X-FRAME-OPTIONS "SAMEORIGIN"
复制代码
; v% _0 }8 N. |) _: e; fIIS方法. k B$ Z. S" f
在web.config文件中加- <system.webServer>2 W& o7 W+ G: Q8 I+ k
- ...
1 a( r7 R- M+ E* C* R [3 b+ H! t - <httpProtocol>0 }* E$ u4 ?- g2 B: \& x! b& s$ {
- <customHeaders>( X$ g. t6 k" P z9 a: |7 s6 x1 h- A# H
- <add name="X-Frame-Options" value="SAMEORIGIN" /> 3 p: [% B2 y* m) z0 s: f* b; }
- </customHeaders> . p9 I- P8 m3 a5 M1 {6 V% k9 w
- </httpProtocol>
+ c2 M" J7 Z2 T( V c - ...3 y2 M* f4 k$ i$ R9 m8 g
- </system.webServer>
复制代码 5 Y1 F1 o% H; C0 Q. _ M
之所以说不人性化,是因为这样操作之后,别人iframe会显示服务器拒绝之类的信息,虽然是屏蔽了,但是自己网站也不能宣传了。
$ `; e! L. Q. J/ e5 w( s
6 n5 e8 m0 E k# E0 _3、推荐解决方法。4 z% ~) J H5 ]" w* G l: }4 t
- <script language="javascript">
" b/ W3 n. W) \, e+ r - if(top != self){
5 \2 `. ~4 Q- o+ ? - location.href = "http://xp6.org/iframe.html";
7 I6 ^) J/ ^* l' Z8 m+ h: r- l( U* T - top.location.href=self.location.href;
, ?6 {; T) E" i) _: Z$ j+ H - } 1 B1 H' [" M4 A1 ?
- </script>
复制代码
6 U9 O5 @5 |1 p J& q7 w$ T+ \将上面的代码复制到需要屏蔽页面<head>里面加载。' O8 ~, N6 J. a8 W* u/ j- s5 O' K
制作一个iframe.html页面里面放张网站宣传图片,加个链接,放到网站根目录。
1 a6 q, G3 B% n+ q, o原理:
" O( e# W& q6 i% K0 |; ?第一步直接强制访问咱自己设定的iframe.html页面,如果网站禁用了JS跳转,那么执行到这一步就结束了,这样即使他们iframe了咱的网站,看到的只是咱的图片宣传页。* `: `1 h5 A* P% [1 u6 j* y& J8 o
第二步,如果没有禁用JS,那么会接着执行top.location.href=self.location.href; ,然后跳转到我们的网址页面。
" z. F3 o( ^1 U. R) A! k目前测试这种方法没什么问题。3 A1 _* X5 x' x. Z
- z0 n% e8 C0 N( g; \9 Q9 L
|
|