網站最後更新日期:2016年12月3日
歡迎大家來到暢想資源 AREFLY.COM!
讚好Facebook
追隨Twitter
加入QQ群
關注微博
關注微信公眾號
捐款
更多聯絡方式
X

使用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條迴響)

覺得這篇文章有用麼?分享一下讓更多人知道吧!

爲繼續支持本站繼續寫出優質文章、歡迎捐款!

注:本站同時長期承接WordPress外掛及主題制作、伺服器環境配置等,如需詳情,請「聯系我們」!

© 版權聲明:「暢想資源」之所有文章及資源系采用「創用 CC 姓名標示-非商業性-相同方式分享 3.0 香港 授權條款」發布及共享,轉載時須以相同方式發布並注明「原文鏈接」!

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

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

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

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

關鍵字:, , ,

以下是廣告時間,廣告內容僅供參考!

廣告載入中...

使用JS簡單防止網頁被其他站點iFrame內嵌教學:目前有 59 條留言

訪客以 33: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. 3樓
    很黑很非洲 China Netscape Navigator iPhone

    多年前用过只要被iframe嵌套自动跳出嵌套的代码,后来取消了,当你发现人家其实因为语言不通采用 Google 翻译的时候其实是很自豪的一件事,结果冲破框架…

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

      [回覆]
      • 记得很多年前貌似是,现在不知道了,其实人家愿意嵌套就让他去套好了,有什么稀奇的,至少说明你的站点有东西吸引了他,又不影响什么,个人观点

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

          [回覆]
  24. 2樓
    惜乐博客 China Google Chrome Windows

    好给力啊 顶顶顶
    感谢博主一如既往的支持!

    [回覆]
  25. 沙發
    进击的小浩 Japan Google Chrome Windows

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

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

      [回覆]
廣告載入中...

發表迴響



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


快捷鍵:Ctrl+Enter