1. 程式人生 > >js中沒有明確判斷條件的ifl判斷

js中沒有明確判斷條件的ifl判斷

tel pan 色值 red 也不能 style document func click

寫今天的判斷內容前,先普及一些判斷中需要註意的幾個點:

1、在js中相對路徑不能拿來做判斷,比如圖片的路徑或者href裏的路徑等;

2、顏色值:color: red 、#f00、 rgb() 、rgba()也不能直接做判斷。

這點了解之後,那麽就來寫今天的案例,就拿背景顏色來寫,想要實現的效果是點擊一個div,讓它變成紅色,再次點擊讓它變黃色,就這樣來回切換,這個例子就很明顯的不能直接來判斷,那麽,我們直接看代碼,布局就不寫了就是一個div,來看js:

 1 <script>
 2     window.onload= function(){
 3         var oBox=document.getElementById("box");
4 var onOff = true;/*不能直接判斷就給設置一個開關*/ 5 oBox.onclick = function(){ 6 if(onOff){ 7 oBox.style.background="red"; 8 onOff = false; 9 }else{ 10 oBox.style.background="yellow"; 11 onOff = true 12 }
13 }; 14 } 15 </script>

通過以上的代碼,那麽就實現了點擊div可以讓它來回在紅色和黃色兩個顏色裏切換了,其實今天的例子主要是想說明,一些沒有明確條件的內容還要做出判斷,那麽我們就要創造條件去判斷就像上面的例子,那個變量onOff就是我們創造的一個開關,當它為true的時候就執行紅色,然後再讓它回復為false,這樣再次點擊那麽就是黃色了!好的,今天的內容就到這裏了,明天我們繼續!

js中沒有明確判斷條件的ifl判斷