網站最後更新日期:2018年8月29日
歡迎大家來到暢想資源 AREFLY.COM! 個人網站 更多聯絡方式
×

使用JS簡單防止網頁被其他站點iFrame內嵌教學

iFrame是一個允許網頁嵌入其他網頁的HTML標籤,可是,該標籤不僅目前已過時,而且經常被很多人用作刷流量、攻擊或採集等不法目的,所以今天暢想資源就來教大家如何使用JavaScript簡單防止網站被其他網頁進行iFrame內嵌,讓你的網站更加安全和穩定!

教學

1、首先先將下方代碼添加到網頁底部的的最底部 </body> 前:

註:對於WordPress站點來說即須添加於主題的「footer.php」文件內!

2、儲存完成後,為了測試我們的代碼是否正常工作,打開「http://demo.arefly.com/iframe_test.php?url=[你的網站地址]」(例如「http://demo.arefly.com/iframe_test.php?url=http://www.example.com/」等),如果該網頁直接跳轉至你的站點,則說明代碼添加成功、而我們的網頁也就再也不會被其他網頁iFrame引用啦! :mrgreen:

正常添加代碼之結果:(跳轉至 [你的網站地址]

js-disable-iframe-in-html-1

未正常添加代碼之結果:(於網頁內顯示 [你的網站地址]

js-disable-iframe-in-html-2

歷史上的今天

2013年:修改WordPress登陸界面的LOGO鏈接(9條評論)

覺得這篇文章有用嗎?分享一下讓更多人受益吧!

© 版權聲明:本文章採用「姓名標示-非商業性-相同方式分享 4.0 國際(CC BY-NC-SA 4.0)」於「」發布,轉載時須以相同方式發布並註明「原文鏈接」!

本文固定鏈接:https://www.arefly.com/zh-tw/js-disable-iframe-in-html/

本文章由「超級efly」於2014年08月14日發表於「網路」分類

你可以發表評論,並在保留原文地址及作者的情況下引用到你的網站

轉載請註明:使用JS簡單防止網頁被其他站點iFrame內嵌教學 | 暢想資源

關鍵字:, , ,

使用JS簡單防止網頁被其他站點iFrame內嵌教學:目前有 60 條留言
訪客以 34:26 大幅領先博主

評論載入中,請稍等……
  1. 25樓
    小紅 China Mozilla Firefox Windows

    手機微信不會跳轉

    [回復]
  2. 24樓
    西貝部落格 China Safari Mac OS

    這個方法不錯呢

    [回復]
  3. 23樓
    亡月帝 China Google Chrome Windows

    呵呵,支持了. :mrgreen:

    [回復]
  4. 22樓
    iKirby China Google Chrome  W17Pro(Dualcore) Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.135 Safari/537.36

    學習了。話說電信就是這麼劫持來加廣告的

    [回復]
    • :trick: :trick: :trick: 可怕 :trick: :trick: :trick:

      [回復]
      • iKirby China Google Chrome  W17Pro(Dualcore) Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.135 Safari/537.36

        每次連網後第一次訪問某個域名就會這樣,另外我發評論時候沒跳轉,以為沒發出去,重發了一條...真是抱歉,我網路不好。

        [回復]
  5. 21樓
    iKirby China Google Chrome  W17Pro(Dualcore) Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.135 Safari/537.36

    逗比電信就是用iframe加廣告

    [回復]
  6. 20樓
    Rich China 搜狗瀏覽器 Windows

    總感覺這類限制代碼會造成各種問題……

    [回復]
  7. 學習一下,增長知識

    [回復]
  8. 18樓
    Jason Cooper United States Google Chrome Windows

    其實,js的話一句話就解決了,你可以在我的站里看到。

    [回復]
  9. 17樓
    北門放羊 China Google Chrome Windows

    不錯,學習了

    [回復]
  10. 16樓
    諸神的黃昏 China Google Chrome Windows

    哎喲,不錯,這個屌

    [回復]
  11. 15樓
    老李 China 獵豹瀏覽器 Windows

    很強大

    [回復]
  12. 14樓
    灰常記憶 China Mozilla Firefox Windows

    不感覺這個好~ 但是還是收藏一下

    [回復]
  13. 13樓
    煙花易冷 China Google Chrome Windows

    哇~好厲害~

    [回復]
  14. 12樓
    VPSinfo China Google Chrome Windows

    這個iframe可以刷流量?

    [回復]
    • 是的~只要你把iFrame放在一個大網站並 width=0 height=0 也會算入網站流量的... :wow:

      [回復]
  15. 11樓
    giant888 China Mozilla Firefox Windows

    還真不知道有這個作用呢,也懶得去折騰了。

    [回復]
  16. 10樓
    我愛衛士 China Google Chrome Windows

    好文章!支持一下! :idea:

    [回復]
  17. 9樓
    惜樂部落格 China Google Chrome Windows

    土豪您好 我是來向您學習的

    [回復]
  18. 8樓
    劉印 China Google Chrome Windows

    這個現在很少能用到了吧.

    [回復]
    • 所以說iFrame過時啦~ :trick: :trick:

      [回復]
      • 劉印 China Maxthon Windows

        你的表情在郵件里無法顯示,得處理下喲~

        [回復]
        • 一般來說是正常的,可能是你的郵件提供商封鎖了 img 標籤... :sorry: :sorry:

          [回復]
  19. 7樓
    破折君 China Mozilla Firefox Windows

    繁體看得很是不舒服~

    [回復]
    • 繁體看習慣了還是挺好的~~右側工具欄也有簡繁轉換哦~ :grin:

      [回復]
  20. 6樓
    吳尼瑪 China Google Chrome Windows

    不明覺厲

    [回復]
  21. 5樓
    老左 China Google Chrome Windows

    以前學習做網頁時候用過

    [回復]
  22. 4樓
    晨風 China Maxthon Windows

    好文章!支持一下! :idea:

    [回復]
  23. 地板
    很黑很非洲 China Netscape Navigator iPhone

    多年前用過只要被iframe嵌套自動跳出嵌套的代碼,後來取消了,當你發現人家其實因為語言不通採用 Google 翻譯的時候其實是很自豪的一件事,結果衝破框架…

    [回復]
    • 啊...Google Translate是使用iFrame? :?: 怎麼辦啊... :sorry:

      [回復]
      • 記得很多年前貌似是,現在不知道了,其實人家願意嵌套就讓他去套好了,有什麼稀奇的,至少說明你的站點有東西吸引了他,又不影響什麼,個人觀點

        [回復]
        • 可是就是有些人拿嵌套來攻擊站點之類的... :sorry: :sorry:

          [回復]
  24. 板凳
    惜樂部落格 China Google Chrome Windows

    好給力啊 頂頂頂
    感謝博主一如既往的支持!

    [回復]
  25. 沙發
    進擊的小浩 Japan Google Chrome Windows

    我這裡的緩存有時候你更新了文章,我這里卻沒有顯示……
    嗯= =最好就再教一下那個複製文本後面會貼上網站地址……

    [回復]
    • 好的~以後我發表新文章以後清空全站緩存~ :mrgreen:
      PS:好的~稍後就教大家如何在拷貝文本後自動加入版權信息~ :grin:

      [回復]

發表評論



微笑 調皮 偷笑 可愛 大笑 壞笑 詭計 贊 疑問 HI~ 愛 抱歉 對不起 頭暈 驚訝 帥 努力 勞累 瘋狂 難過 大哭 差 豬 邪惡 無言 憤怒 流汗 擦汗


快捷鍵:Ctrl+Enter