js如何判斷是否在iframe中及防止網(wǎng)頁被別站用iframe嵌套
1. js如何判斷是否在iframe中
Js代碼
//方式一
if (self.frameElement && self.frameElement.tagName == "IFRAME") {
alert('在iframe中');
}
//方式二
if (window.frames.length != parent.frames.length) {
alert('在iframe中');
}
//方式三
if (self != top) {
alert('在iframe中');
}
2. 防止網(wǎng)頁被別站用 iframe嵌套
將下面的代碼加到您的頁面 <head></head> 位置即可:
Js代碼
<script language="javascript">
<!--
if (top.location != location)
{
top.location.href = location.href;
}
//-->
</script>
//或
<script language="javascript">
if(self!=top){top.location.href=self.location.href;}
</script>
這個就能讓別人無法用iframe嵌套你網(wǎng)站的任何頁面,實現(xiàn)的效果是:輸入盜鏈你網(wǎng)站的那個地址后會自動跳到你的網(wǎng)站。
不可靠的原因:
當(dāng)別人用如下類似代碼做IFRAME嵌套調(diào)用時,就可能躲過你的頁面的javascript代碼。
Js代碼
<iframe src="你的頁面地址" name="tv" marginwidth="0" marginheight="0" scrolling="No" noResize frameborder="0" id="tv" framespacing="0" width="580" height="550" VSPACE=-145 HSPACE=-385></iframe> <script language="javascript"> var location=""; var navigate=""; frames[0].location.href=""; </script>
2.最可靠的方法:
為了徹底防止別人用IFRAME框架嵌套調(diào)用自己的網(wǎng)頁,如下方法是最可靠的.
這里賦值為空頁面,也可賦值為你的頁面的URL地址.
Js代碼
<script language="javascript">
if(top != self){
location.href = "about:blank";
}
</script>
還有一個完全屏蔽被iframe的方法就是添加:
Html代碼
header("X-Frame-Options: deny");
header("X-XSS-Protection: 0");
這個也是加載iframe是產(chǎn)生錯誤“Load denied by X-Frame-Options: http://localhost/××××.php does not permit framing.”的原因!
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
- JS實現(xiàn)點擊網(wǎng)頁判斷是否安裝app并打開否則跳轉(zhuǎn)app store
- javascript判斷網(wǎng)頁是關(guān)閉還是刷新
- JS判斷網(wǎng)頁廣告是否被瀏覽器攔截過濾的代碼
- js判斷當(dāng)頁面無法回退時關(guān)閉網(wǎng)頁否則就history.go(-1)
- javascript判斷是手機(jī)還是電腦訪問網(wǎng)頁的簡單實例分享
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
- 借助javascript代碼判斷網(wǎng)頁是靜態(tài)還是偽靜態(tài)
- js判斷是否是移動設(shè)備登陸網(wǎng)頁的簡單方法
- 通過JS判斷網(wǎng)頁是否為手機(jī)打開
相關(guān)文章
javascript 隱藏/顯示指定的區(qū)域附HTML元素【legend】用法
今日閑來無事就寫寫JS,用來顯示/隱藏制定的DIV區(qū)域。2010-03-03
js prototype 格式化數(shù)字 By shawl.qiu
js prototype 格式化數(shù)字 By shawl.qiu...2007-04-04
JavaScript學(xué)習(xí)筆記之DOM基礎(chǔ)操作實例小結(jié)
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之DOM基礎(chǔ)操作,結(jié)合實例形式總結(jié)分析了javascript針對dom元素節(jié)點、屬性的相關(guān)獲取、設(shè)置等操作技巧,需要的朋友可以參考下2019-01-01
Javascript實現(xiàn)簡單的富文本編輯器附演示
這篇文章主要介紹了通過Javascript實現(xiàn)的簡單富文本編輯器,需要的朋友可以參考下2014-06-06

