1 DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Titletitle> 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()">点我一下-whilebutton> 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("这是一个标题
");//将内容写到 HTML 文档中 24 document.write("这是一个段落
"); 25 26 } 27 var d = new Date(); 28 var time = d.getHours(); 29 if(time<10){ 30 document.write("早上好"); 31 }else if(time>=10 && time<20){ 32 document.write("今天好"); 33 }else { 34 document.write("晚上好!") 35 } 36 cars = ['BMW','Volvo','Saab','Ford']; 37 for (var i=0;i<cars.length;i++){ 38 document.write(""+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+""; 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>
Original: https://www.cnblogs.com/chunfang/p/13476568.html
Author: 白月如初12138
Title: JS基础代码
原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/712352/
转载文章受原作者版权保护。转载请注明原作者出处!