JavaScript實(shí)現(xiàn)防止網(wǎng)頁被嵌入Frame框架的代碼分享
最近,國內(nèi)開始流行另一種流氓行為:使用框架(Frame),將你的網(wǎng)頁嵌入它的網(wǎng)頁中。
比如,有一家網(wǎng)站號(hào)稱自己是”口碑聚合門戶”,提供全國各個(gè)網(wǎng)上論壇的精華內(nèi)容。但是,其實(shí)它就是用框架抓取他人的網(wǎng)頁,然后在上面加上自己的廣告和站標(biāo),這同盜版書商有何不同?!
防止方法,在
</body>
之前加入這段代碼:
<script type="text/javascript">
if ( top.location !== self.location )
{
top.location = self.location;
}
</script>
這段代碼是有效的。但是,有一個(gè)問題:使用后,任何人都無法再把你的網(wǎng)頁嵌入框架了,包括你自己在內(nèi)。
有沒有一種方法,使得我的網(wǎng)頁只能被嵌入我自己的框架,而不是別人的框架?
<script type="text/javascript">
try{
top.location.hostname;
if (top.location.hostname != window.location.hostname) {
top.location.href =window.location.href;
}
}
catch(e){
top.location.href = window.location.href;
}
</script>
好了,升級(jí)版代碼完成。除了本地域名以外,其他域名一律無法將你的網(wǎng)頁嵌入框架。我的Blog現(xiàn)在就使用這段代碼。
相關(guān)文章
JS實(shí)現(xiàn)按比例縮放圖片的方法(附C#版代碼)
這篇文章主要介紹了JS實(shí)現(xiàn)按比例縮放圖片的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript實(shí)現(xiàn)等比例縮放圖片的原理與具體實(shí)現(xiàn)技巧,并附上C#版的圖片縮放代碼做對(duì)比參考,需要的朋友可以參考下2015-12-12Javascript實(shí)現(xiàn)鼠標(biāo)框選操作 不是點(diǎn)擊選取
這篇文章主要介紹了Javascript實(shí)現(xiàn)鼠標(biāo)框選操作,不是點(diǎn)擊選取,利用鼠標(biāo)進(jìn)行框選,感興趣的小伙伴們可以參考一下2016-04-04TypeScript?mixin提升代碼復(fù)用性的方法和原理
在前端開發(fā)中,我們經(jīng)常需要在不同的組件或類之間共享功能代碼,Mixin提供了一種非常靈活的方式,可以讓我們?cè)诓黄茐睦^承關(guān)系的前提下,將功能代碼復(fù)用到多個(gè)對(duì)象中,文章通過代碼示例介紹mixin提升代碼復(fù)用性的方法和好處,需要的朋友可以參考下2023-06-06手淘flexible.js框架使用和源代碼講解小結(jié)
手淘框架是一個(gè)用來適配移動(dòng)端的js框架,這篇文章主要介紹了手淘flexible.js框架使用和源代碼講解小結(jié),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-10-10JavaScript實(shí)現(xiàn)手寫原生任務(wù)定時(shí)器
定時(shí)器顧名思義就是在某個(gè)特定的時(shí)間去執(zhí)行一些任務(wù),現(xiàn)代的應(yīng)用程序早已不是以前的那些由簡單的增刪改查拼湊而成的程序了,高復(fù)雜性早已是標(biāo)配,而任務(wù)的定時(shí)調(diào)度與執(zhí)行也是對(duì)程序的基本要求了。本文將利用JavaScript手寫原生任務(wù)定時(shí)器,需要的可以參考一下2022-03-03詳解JS中的堆棧,事件循環(huán),執(zhí)行上下文和作用域以及閉包
這篇文章主要為大家詳細(xì)介紹了JavaScript中的堆棧,事件循環(huán),執(zhí)行上下文和作用域以及閉包的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-01-01JS實(shí)現(xiàn)兼容性較好的隨屏滾動(dòng)效果
這篇文章主要介紹了JS實(shí)現(xiàn)兼容性較好的隨屏滾動(dòng)效果,演示了固定位置顯示和隨屏滾動(dòng)兩種效果的實(shí)現(xiàn)方法,涉及css樣式的設(shè)置與結(jié)合時(shí)間函數(shù)遞歸調(diào)用實(shí)現(xiàn)滾屏的技巧,需要的朋友可以參考下2015-11-11