首頁 > 開發者 > JavaScript
標籤：單元 效果 就會 判斷 tab 計算 idt get ble
1 編寫一個方法method()，判斷一個數能否同時被3和5整除
<script type="text/javascript"> function method(){ var num = prompt("輸入一個數"); if(isNaN(num)){ return ""; } //這裡驗證輸入的是不是數字，如果不是會進入isNaN，然後return ‘‘ 會退出函數 if(+num % 3 == 0 && +num % 5 ==0){ document.write(num + "能被3和5整除"); }else{ document.write(num + "不能被3和5整除") } } method() //調用函數</script>
2 寫一個方法getValue()，對任意參數x，返回y的值 ；x<1時，返回y；10>x>1時，y=2*x-1；x>10時，y=3*x-11
<script type="text/javascript">function get(){ var x = document.getElementById("in1").value, //擷取in1的value，也就是輸入的值x y = 0; if(+x < 1){ y = x; }else if(+x >= 1 && +x < 10){ y = 2*(+x)-1; }else if(+x > 10){ y = 3*(+x)-11; } document.getElementById("in2").value =y; //擷取in2的value，並且把運算偶的y賦值給in2，這樣計算的數就會出現的在in2的input }</script></head><body>輸入一個數：<input id="in1" type="text" onBlur="get()" value=""><br> //onBlur 失去焦點按鈕經計算y的值為<input type="tel" value="" id="in2"></body>
3 實現簡單計算機，分別輸入兩個數和一個運算子號，計算結果。計算過程使用一個帶參數和帶傳回值得函數封裝實現
function method(a,b,c){ //判斷a和b是不是數字 if(isNaN(a) || isNaN(b)){ return"請輸入正確的字"; //isNaN判斷是不是數字，如果不是進入if函數，並且returun傳回值“、、、、” } if(["+","-","*","/"].indexOf(c) == -1){ //idndexof()是求數組下標，如果c是數組裡的，就是返回相應的下標，最小的是0，如果=—1，說明這裡沒有 return "請輸入正確的（加減乘除）"; } var num =eval(a+c+b); //計算結果，並且返回一個結果 return num; } function jisuan(){ //第一步擷取輸入的數字和符號 var a =document.getElementById("one").value, b =document.getElementById("two").value, c =document.getElementById("fh").value; //調用函數方法，並且接收到返回的值 var num = method(a,b,c); document.getElementById("jg").innerHTML=num; } </script></head><body>數字1：<input type="text" id="one"><br>數字2：<input type="text" id="two"><br>符 號：<input type="text" id="fh"><br><button onClick="jisuan()">計算</button>結果為：<span id="jg"></span>
4 實現全選/全不選效果.如果下面的複選框有一個沒有選中，全選複選框自動不勾選，如果全部選中則自動勾選
<script type="text/javascript"> //全選/全不選 /* 1、找到全選框 2、擷取全選框選中屬性 3、擷取所有的 CheckBox元素 4、把這些CheckBox元素的選中屬性設為全選框的選中屬性 */ function check(obj){// 1、找到全選框// 2、擷取全選框選中屬性// 3、擷取所有的 CheckBox元素 var ckArr = document.getElementsByName("list"); // 4、把這些CheckBox元素的選中屬性設為全選框的選中屬性 for(var i = 0; i<ckArr.length;i++){ if(obj.checked){ //ckArr[i].setAttribute("checked","checked"); ckArr[i].checked = true; }else{ // ckArr[i].removeAttribute("checked"); ckArr[i].checked = false; } } } /* 1、擷取所有CheckBox元素 2、每個都判斷是否選中 3、如果有 沒有選中的 全選框不選中 反之 選中 */ </script></head><body><table width="100%" border="1" > <tr> <td><input id="qx" type="checkbox" onClick="check(this)">全選</td> <td>表頭</td> <td>表頭</td> <td>表頭</td> </tr> <tr> <td><input name="list" type="checkbox"></td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> </tr> <tr> <td><input name="list" type="checkbox"></td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> </tr> <tr> <td><input name="list" type="checkbox"></td> <td>儲存格</td> <td>儲存格</td> <td>儲存格</td> </tr> </table></body></html><script type="text/javascript"> var ckarr = document.getElementsByName("list"); for(var i = 0; i<ckarr.length;i++){ ckarr[i].setAttribute("onclick","isxz()"); } function isxz(){ //1、擷取所有CheckBox元素 var flag = true; // 2、每個都判斷是否選中 for(var i = 0; i<ckarr.length;i++){ if(!ckarr[i].checked){ flag = false; } } // 3、如果有 沒有選中的 全選框不選中 反之 選中 //flag = true ; 全部選中 //flag = false; 有 沒有選中的 if(flag){ document.getElementById("qx").checked = true; }else{ document.getElementById("qx").checked = false; } }</script>
【練習】javascript 一些練習總結，思路模型
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
