javascript - 請問為什么這個補零函數為什么要放window.onload外面?
問題描述
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title></head><body style='background: black;color: #fff;font-size: 58px;'> <img src='http://www.piao2010.com/wenda/img/0.png' /> <img src='http://www.piao2010.com/wenda/img/0.png' /> : <img src='http://www.piao2010.com/wenda/img/0.png' /> <img src='http://www.piao2010.com/wenda/img/0.png' /> : <img src='http://www.piao2010.com/wenda/img/0.png' /> <img src='http://www.piao2010.com/wenda/img/0.png' /> <script>function bul(n){ if(n<10) {return '0'+n; } else {return ''+n; }}window.onload=function(){ var aImg = document.getElementsByTagName(’img’); var tell; tell=setInterval(function(){var myDate = new Date();var str = bul(myDate.getHours())+bul(myDate.getMinutes())+bul(myDate.getSeconds());for(var i=0;i<aImg.length;i++){ aImg[i].src = 'http://www.piao2010.com/wenda/img/'+str[i]+'.png';}},500)tell();} </script></body></html>
小白不太明白其中的道理,求各位前輩詳細解釋一下。感謝。
問題解答
回答1:作用域問題、放在外面、無論你是window.onload、window.onunload 都可以使用
放在window.onload的代碼只是為了保證頁面加載完畢、保證節點確實存在、不會選不到節點
而你那種對數字操作的方法、沒有節點操作、放在里外都可以
回答2:window.onload 事件是頁面完全加載完的時候執行
$(function(){ }) 是等頁面上的標簽加載完了就執行
回答3:里面外面都可以,放外面可以共用,放里面只能在onload事件內部用。
相關文章:
1. 在mac下出現了兩個docker環境2. css3 - css怎么實現圖片環繞的效果3. android - 用textview顯示html時如何寫imagegetter獲取網絡圖片4. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?5. css - 定位為absolute的父元素中的子元素 如何設置在父元素的下面?6. JavaScript事件7. javascript - jquery hide()方法無效8. 網頁爬蟲 - 用Python3的requests庫模擬登陸Bilibili總是提示驗證碼錯誤怎么辦?9. 注冊賬戶文字不能左右分離10. html - vue項目中用到了elementUI問題
