js---11運算符,流程控制,真假
阿新 • • 發佈:2017-05-10
arr body color 空格 one round red 轉換 class
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文檔</title> <script> /* var i = 0; i++; if( i === 5 ){ i = 0; } i%=5; */ window.onload = function (){ var aLi = document.getElementsByTagName(‘li‘);var arr = [ ‘red‘, ‘yellow‘, ‘blue‘ ]; var str = ‘‘; for( var i=0; i<aLi.length; i++ ){ aLi[i].index = i; aLi[i].style.background = arr[i%arr.length]; aLi[i].onmouseover = function (){ this.style.background = ‘gray‘; }; aLi[i].onmouseout= function (){ this.style.background = arr[this.index%arr.length]; }; aLi[i].onmouseover = function (){ str = this.style.background; // 先存顏色 this.style.background = ‘gray‘; }; aLi[i].onmouseout= function (){ // this.style.background = arr[this.index%arr.length]; this.style.background = str; }; aLi[i].checked = !aLi[i].checked; var a = 120<90 && 20;//前面不成立後面不執行 var b = 120<90 || 20>200;//前面成立後面不執行 var c = !!true; var d = !200;//!可以取反,還可以進行數據類型轉換,任何類型都可以轉成boolean類型, } }; </script> <style> li { height:24px; margin-bottom:3px; list-style:none; } </style> </head> <body> </body> </html>
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文檔</title> <script> var str = ‘js‘; switch( str ){ case ‘js‘ : alert( ‘js‘ ); break; case ‘html‘ : alert( ‘html‘ ); break; default : alert( str ); } 120<45 ? alert( ‘120<45‘ ) : alert( ‘120!<45‘ ); alert( 120<450? ‘120<450‘ : ‘120!<450‘ ); var i=0; while (i<3){ alert(i); i++; } for(var i=0; i<6; i++){ if( i == 4 ){ // break; // 跳出 continue; // 跳過 } alert(i); } </script> </head> <body> </body> </html>
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文檔</title> <script> /* 真假的問題:數據類型-數字(NaN)、字符串、布爾、函數、對象(element、[]、{}、null)、未定義 真:非0的數字(正負數字是真)、非空字符串(空格是真)、true、函數、能找到的元素、數組、json 假:0、NaN、空字符串‘‘、false、不能找到的元素、null、未定義 */ if( null ){ alert(‘真‘); }else{ alert(‘假‘); } </script> </head> <body> </body> </html>
js---11運算符,流程控制,真假