在網頁中,我們經常會用到彈框,比如提示用戶登錄、確認某個操作等等。HTML代碼中的彈框主要是使用JavaScript編寫的,那么今天我們就來談一談如何使用HTML彈框代碼來整人。
<script> function popUp() { alert("你被騙了!哈哈哈..."); document.getElementById("popup").innerHTML = '<img src="https://media.giphy.com/media/Gf3AUz3eBNbTW/giphy.gif" width="200">'; setTimeout(function() { document.getElementById("popup").innerHTML = ""; }, 3000); } </script> <button onclick="popUp()">點擊這里</button> <div id="popup"></div>
上面的代碼是一個簡單的彈框例子,不僅會彈出提示框,還會在頁面中顯示一張gif圖片,讓受害者更加相信自己被騙了。這段代碼的原理很簡單,就是在彈框的同時,修改頁面中的某個元素,在一定時間后再將該元素恢復成原來的狀態(tài)。
當然,這個例子只是為了好玩而已,我們要明確一點,網絡安全不是兒戲,不要利用代碼去做不道德的事情。