JS基础代码 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8     <h1>我的第一个Web页面</h1>
 9     <p id="demo">我的第一个段落</p>
10     <p id="demo1">我的第2个段落</p>
11     <button onclick="myFunction()">点我</button><br>
12     <button onclick="myFunction1()">点我一下</button><br>
13 
14     <button onclick="myFunction2()">点我一下-while</button>
15 
16 
17 
18     <script>
19         function myFunction(){
20             document.getElementById("demo").innerHTML ="段落已修改";//使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容
21             window.alert(5+6);//弹出警告框
22             document.write(Date());
23             document.write("<h1>这是一个标题</h1>");//将内容写到 HTML 文档中
24             document.write("<p>这是一个段落</p>");
25 
26         }
27         var d = new Date();
28         var time = d.getHours();
29         if(time<10){
30             document.write("<b>早上好</b>");
31         }else if(time>=10 && time<20){
32             document.write("<b>今天好</b>");
33         }else {
34             document.write("<b>晚上好!</b>")
35         }
36         cars = ['BMW','Volvo','Saab','Ford'];
37         for (var i=0;i<cars.length;i++){
38             document.write("<br>"+cars[i]);
39         }
40 
41         function myFunction1() {
42             var x;
43             var txt = "";
44             var person = {fname:"Bill ",lname:"Gates ",age:56};
45             for (x in person){
46                 txt+=person[x];
47             }
48             document.getElementById("demo").innerHTML = txt;
49         }
50 
51         function myFunction2() {
52             var x = "",i = 0;
53             while (i<5){
54                 x = x+"该数字是"+i+"<br>";
55                 i++;
56             }
57             document.getElementById("demo").innerHTML = x;
58         }
59 
60         var x = function (a,b) {return a*b};//以上函数实际上是一个 匿名函数 (函数没有名称);函数以分号结尾，因为它是一个执行语句
61         document.getElementById("demo").innerHTML =x(4,3);
62 
63         var x = findMax(1,33,55,45,77,500);//找到最大的一个参数的值
64         function findMax() {
65             var max = arguments[0];
66             if (arguments.length<2) return max;
67             for (var i = 0; i<arguments.length; i++){
68                 if(arguments[i]>max){
69                     max = arguments[i];
70                 }
71             }
72             return max;
73         }
74         document.getElementById("demo").innerHTML = x;
75 
76         var m = 10;
77         var y = sumAll(m,33,55,45,77,500);//创建一个函数用来统计所有数值的和
78         function sumAll() {
79             var sum = 0;
80             for (var i = 0; i<arguments.length; i++){
81                 sum+=arguments[i];
82             }
83             return sum;
84         }
85         document.getElementById("demo1").innerHTML = y;
86     </script>
87 
88 
89 </body>
90 </html>

 

posted @ 2020-08-11 16:41  白月如初12138  阅读(243)  评论(0)    收藏  举报