网站最后更新日期: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/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