JavaScript循環及輸出方式


好一段時間沒寫了,今天寫一下JavaScript的循環和輸出吧!

其實JavaScrip的循環跟C#、Java的循環用法是相同的。

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>循環</title> 
 6 </head>
 7 <body>
 8 
 9 <h1>Hello Kitty</h1>
10 <p id="demo">我的第一個段落。</p>
11 <script>
12     var x=0; 13                   /*for(x;x<100;x++){ 14             
15             
16  }*/
17         while(true){ 18  x++; 19             if(x>100){break;} 20  } 21                 /*
22  do{x++;} 23  while(x<100); 24 */
25 
26 document.getElementById("demo").innerHTML =x;/*這是輸出的語句*/ 27 </script>
28 
29 </body>
30 </html>

先在說一下輸出語句!

JavaScript 可以通過不同的方式來輸出數據:

  • 使用 window.alert() 彈出警告框。
  • 使用 document.write() 方法將內容寫到 HTML 文檔中。
  • 使用 innerHTML 寫入到 HTML 元素。
  • 使用 console.log() 寫入到瀏覽器的控制台。
    //document.write("<h1>這是一個標題</h1>");

 

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>Hello Kitty</title>
 6 </head>
 7 <body>
 8     
 9 <p>
10 JavaScript 能夠直接寫入 HTML 輸出流中: 11 </p>
12 <script>
13 document.write("<h1>這是一個標題</h1>"); 14 document.write("<p>這是一個段落。</p>");
  /*window.alert(5 + 6);*//*這是通過彈框的方式通知*/
15 </script> 16 <p> 17 您只能在 HTML 輸出流中使用 <strong>document.write</strong>18 如果您在文檔已加載后使用它(比如在函數中),會覆蓋整個文檔。 19 </p> 20 21 </body> 22 </html>

具體還要自己來實現一番哈!

只要勤奮學,這並不難哈!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM