侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

使用JS防止网页被Frame框架调用

2022-06-12 星期日 / 0 评论 / 0 点赞 / 140 阅读 / 2992 字

当我们想防止网页被Frame框架调用时,使用JS实现是常见的方法,今天看到有文章提到这个方法可以轻易被破解,于是我亲测了一下,结果。。。请看本文范例吧。

当我们想防止网页被Frame框架调用时,使用JS实现是常见的方法,今天看到有文章提到这个方法可以轻易被破解,于是我亲测了一下,结果。。。请看本文范例吧。

使用JS防止网页被Frame框架调用的代码

我们先看看防止网页被Frame框架调用的JS代码:

<script language="javascript">if(window.self != window.top){    window.top.location.replace(window.self.location);}</script>

原理是判断window.self是否等于window.top

范例代码
example.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>使用iframe引用网页</title></head><body><iframe src="js-no-iframe.html" style="width:600px;height:350px;"></iframe></body></html>

js-no-iframe.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>使用JS防止网页被Frame框架调用</title><script language="JavaScript">//网页如果被iframe引用,用此页强行代替父页if(window.self != window.top){    window.top.location.replace(window.self.location);}</script></head><body>这是被iframe引用的页面</body></html>

破解方法

​​​​​​​// 顶层窗口中放入代码 var location = document.location; // 或者 var location = ""; 

范例代码
example2.html

​​​​​​​<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>iframe引用网页范例</title><script language="javascript">  var location = document.location; </script></head><body><iframe src="js-no-iframe.html" style="width:600px;height:350px;border:1px;"></iframe></body></html>

从该范例看到,网页并不能被成功引用,所谓的破解代码并没有效果

广告 广告

评论区