1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>demo</title> 6 <script type="text/javascript"> 7 /** 函数位置不同，执行的方式也不同 */ 8 function fn4(){ 9 for (var i=0; i<5; i++){ 10 console.log('fn4'); 11 } 12 } 13 </script> 14 </head> 15 16 <body> 17 <button type="button" name="btn1" id="btn1">执行循环一</button> 18 <button type="button" name="btn2" id="btn2">执行循环二</button> 19 <button type="button" name="btn3" id="btn3">执行循环三</button> 20 <button type="button" name="btn4" id="btn4" onclick="fn4();">执行循环四</button> 21 22 <script type="text/javascript"> 23 /** 第一种函数 */ 24 var fn1 = function(){ 25 for (var i=0; i<5; i++) 26 { 27 //for (var j=0; j<100; j++); 28 console.log('fn1'); 29 } 30 } 31 /** 第二种函数 */ 32 function fn2() { 33 for (var i=0; i<2; i++) 34 { 35 //for (var j=0; j<100; j++); 36 console.log('fn2'); 37 } 38 } 39 40 document.getElementById('btn1').onclick = fn1; 41 42 document.getElementById('btn2').onclick = fn2; 43 44 /** 第三种函数*/ 45 46 document.getElementById('btn3').onclick = function() { 47 for (var i=0; i<4; i++) 48 { 49 //for (var j=0; j<100; j++); 50 console.log('fn3'); 51 } 52 }; 53 54 </script> 55 </body> 56 </html>