-
setTimeout是window對象的方法，在它內部引用this，指向的是window查看全部
-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload=function(){ var send=document.getElementById('send'), times=60, timer=null; send.onclick=function(){ // 計時開始 timer = setInterval(function() { if(times>=1) { times--; send.disabled="disabled"; send.value = times+'秒后重試'; } else { times = 60; send.disabled=false; send.value ='發送驗證碼'; clearInterval(timer); } },1000); } } </script> </head> <body> <input type="button" id="send" value="發送驗證碼"> </body> </html>查看全部
-
button禁用屬性 disabled = 'disabled'查看全部
-
<script type="text/javascript"> window.onload=function(){ // 將所有點擊的標題和要顯示隱藏的列表取出來 var p = document.getElementsByTagName('p'); var ul = document.getElementsByTagName('ul'); // 遍歷所有要點擊的標題且給它們添加索引及綁定事件 for(var i=0;i<p.length;i++) { p[i].id = i; p[i].onclick=function() { for(var j=0;j<p.length;j++) { ul[j].style.display ='none'; } ul[this.id].style.display='block'; } } // 獲取點擊的標題上的索引屬性，根據該索引找到對應的列表 // 判斷該列表，如果是顯示的則將其隱藏，如果是隱藏的則將其顯示出來 }查看全部
-
因為[.notice]設置了overflow:hidden,且[ul]沒有設置border,[ul]的left:-1px是[ul]的content有一個像素的溢出,而使第一個[li]的border-left線超出了[.notice]的可視范圍而被隱藏(.notice中可顯示部分僅為content內).<br><br> 而[.notice]的content部分寬度為298px,[ul]的width:301px,加上[ul] left:-1px,所以為298-(301-1)=-2,[ul]的右邊有兩個像素是溢出的.而[li]的在[ul]的content內的寬度為(58+2)*5=300,可以完全顯示在[ul]的content內.<br><br> 因為第一個[li]的border-left溢出,還有300-1=299像素,[.notice]的content的width為298px,所以最后一個[li]的最后一個像素也為溢出而無法顯示,剛好是最有一個[li]的border-right<br><br> 總結:[ul]left:-1px-->[ul]左邊1px溢出-->第一個[li]border-left溢出<br><br> [.notice]width:298px + [li](width+border-left+border-right)*5-左移=(58+2)*5-1=299-->最后一個[li]border-right溢出<br> 只要[ul]width>=[li](width+padding+border)*5,且[ul]左移一個像素即可.查看全部
-
導入js查看全部
-
定時器屬于window對象，如果再定時器方法內引用this，他指代的是window對象查看全部
-
上下切換菜單查看全部
-
在獲取某個class下的標簽元素，要先對方法定義 function $(id){ return typeof id === 'string'? document.getElementById(id):id ; } var lis = $('notice-tit').getElementsByTagName('li'),查看全部
-
setTimeout() 的方法的歸屬對象是window，window.setTimeout()<br> this.id<br> 的問題，不僅存在于setTimeout,若果把onclick的函數由匿名函數改成普通function，而該function中也有this.id，同樣會報錯。解決方法在于使用匿名函數傳遞this（匿名函數的this指標題）作為參數 function $(id){ return typeof id==='string'?document.getElementById(id):id; } 這個 函數的作用就是之后用到id選擇器可以簡寫，至于判斷的意義就是傳入的參數為字符串就返回 document.getElementById(id)，其他的就返回參數本身，這個只是一個獲取頁面dom元素的一個簡陋版本的函數，還不夠完善。查看全部
-
為了防止邊框重疊，寬度多加1，然后絕對定位，距left-1px;查看全部
-
此處有坑，自定義屬性兼容寫法設置是titles[i].setAttribute('tid',i); 獲取是getAttribute('tid')，直接操作屬性很可能瀏覽器不兼容，屬性加不上的同學可以試試這種寫法查看全部
-
tab切換類型查看全部
-
同學評論：個人感覺：其實應該再寫一個 onmouseout 事件（把 clearTimeout 事件寫在里面），如果只有 onmouseover 事件的話，假如鼠標立即滑過其中一個頁簽 然后就離開 div 的話，setTimeout里面的事件依然會執行。不知道老師這樣做是另有深意還是疏忽了 （′Д`）查看全部
-
1.解決選項卡標題在onmouseover后，不安順序切換的bug. function changeOption(curIndex){<br> for(var j=0;j<titL.length;j++){<br> titL[j].className="";<br> content[j].className="content";<br> }<br> // 高亮顯示當前標題欄<br> titL[curIndex].className="select";<br> content[curIndex].className="show";<br> index=curIndex;//解決選項卡標題在onmouseover后，不安順序切換的bug.<br> <br> } 2.bug2：解決快速onmouseover時存在的多次調用定時setInterval()存在的bug. 在在執行onmouseout過后添加：if(timer){clearInterval(timer);timer=null;}查看全部
舉報
0/150
提交
取消