iFrame是一個允許網頁嵌入其他網頁的HTML標籤,可是,該標籤不僅目前已過時,而且經常被很多人用作刷流量、攻擊或采集等不法目的,所以今天暢想資源就來教大家如何使用JavaScript簡單防止網站被其他網頁進行iFrame內嵌,讓你的網站更加安全和穩定!
教學
1、首先先將下方代碼添加到網頁底部的的最底部 </body>
前:
注:對於WordPress站點來說即須添加於主題的「footer.php」文件內!
1 2 3 4 5 6 7 |
<script> /* 防止被其他站點iFrame引用開始(由AREFLY.COM製作) */ if (top.location !== self.location) { //如果該網頁位於iFrame標籤內 top.location = self.location; //跳轉至原網頁 } /* 防止被其他站點iFrame引用結束(由AREFLY.COM製作) */ </script> |
2、儲存完成後,為了測試我們的代碼是否正常工作,打開「http://demo.arefly.com/iframe_test.php?url=[你的網站地址]」(例如「http://demo.arefly.com/iframe_test.php?url=http://www.example.com/」等),如果該網頁直接跳轉至你的站點,則說明代碼添加成功、而我們的網頁也就再也不會被其他網頁iFrame引用啦!
正常添加代碼之結果:(跳轉至 [你的網站地址])
未正常添加代碼之結果:(於網頁內顯示 [你的網站地址])