|
|
|
|
|
當(dāng)我們想防止網(wǎng)頁被Frame框架調(diào)用時,使用JS實現(xiàn)是常見的方法,今天看到有文章提到這個方法可以輕易被破解,于是我親測了一下,結(jié)果。。。請看本文范例吧。
我們先看看防止網(wǎng)頁被Frame框架調(diào)用的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引用網(wǎng)頁</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防止網(wǎng)頁被Frame框架調(diào)用</title>
<script language="JavaScript">
//網(wǎng)頁如果被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引用網(wǎng)頁范例</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>
從該范例看到,網(wǎng)頁并不能被成功引用,所謂的破解代碼并沒有效果。
上面提到用JS防止網(wǎng)頁被iframe嵌入,其實最好的方法是使用 X-Frame-Options 防止網(wǎng)頁被Frame,可參考我此前寫的文章《360安全提示“X-Frame-Options頭未設(shè)置”的解決方法(IIS)》、《web.config 設(shè)置 X-Frame-Options 的方法【親測有效】》。