欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

JavaScript循环及输出方式

程序员文章站 2022-12-22 17:31:44
好一段时间没写了，今天写一下JavaScript的循环和输出吧！ 其实JavaScrip的循环跟C#、Java的循环用法是相同的。 先在说一下输出语句！ JavaScript 可以通过不同的方式来输出数据： 使用 window.alert() 弹出警告框。 使用 document.write() 方 ......

好一段时间没写了，今天写一下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>

具体还要自己来实现一番哈！

只要勤奋学，这并不难哈！！！

上一篇： Web前端学习，需用了解的7大HTML知识点

下一篇： Redis命令geoXXX

推荐阅读