JavaScript基础概念与语法
学习了一些最基础的JavaScript语法：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device, initial-scale=1"> <title>Jsstudy</title> </head> <body> <!--JS弹出弹窗--> <!-- <p>我是p标签</p>--> <!-- <script type="text/javascript">--> <!-- document.write("<p>我是JS写入文档流的p标签</p>")--> <!-- </script>--> <!--button的使用--> <!-- <button type="button" onclick="alert('我是button弹出的信息')">点我弹出信息</button>>--> <!--JS将文本输入元素--> <!-- <p id = "demo"> ppp</p>--> <!-- <script type="text/javascript">--> <!-- document.getElementById("demo").innerHTML = "Hello World!";--> <!-- </script>--> <!--JS函数调用--> <!-- <script type="text/javascript">--> <!-- function myfunc() {--> <!-- document.write("<h1>我是H1</h1>")--> <!-- document.write("<h2>我是H2</h2>")--> <!-- };--> <!-- myfunc();--> <!-- </script>--> <!--变量的使用,变量命名可以用字母与数字和$,数字不能放最前面--> <!-- <script type="text/javascript">--> <!-- var y = 3;--> <!-- x = 1 + 1;--> <!-- var z = x+y;--> <!-- // alert(z);--> <!-- var name = "zhangsan";--> <!-- var city = "hangzhou";--> <!-- console.log(name); //F12打开console可以看到--> <!-- console.log(city);--> <!-- var x = true;--> <!-- </script>--> <!--JS对象--> <!-- <script type="text/javascript">--> <!-- var person = {--> <!-- firstname:"bob",--> <!-- lastname:"ge",--> <!-- id:123--> <!-- }--> <!-- var name = person.firstname;--> <!-- console.log(name);--> <!-- </script>--> <!--JS数组--> <!-- <script type="text/javascript">--> <!-- var course = ["chinese","math","english"];--> <!-- var vec = new Array(); //定义空的数组--> <!-- course[3] = "BBQ";--> <!-- console.log(course[0]);--> <!-- console.log(course[3]);--> <!-- </script>--> <!--JS用typeof查看类型--> <!-- <script type="text/javascript">--> <!-- var name = "zhangsan";--> <!-- var age = 11;--> <!-- var bool = true;--> <!-- var arr = [1,2,3,4];--> <!-- var dict = {--> <!-- name:"zhangsan",--> <!-- age:11--> <!-- }--> <!-- console.log( typeof(name) ); // string--> <!-- console.log( typeof(age) ); // number--> <!-- console.log( typeof(bool) ); // boolean--> <!-- console.log( typeof(arr) ); //object--> <!-- console.log( typeof(dict) ); //object--> <!-- </script>--> <!--JS,for语句--> <!-- <script type="text/javascript">--> <!-- for(var i=10;i<15;i++){--> <!-- document.write("<p>"+i+"</p>");--> <!-- }--> <!-- var arr = [1,2,3,4];--> <!-- // i 遍历的是下标而不是元素--> <!-- for(i in arr){--> <!-- document.write("<p>" + arr[i] + "</p>")--> <!-- }--> <!-- </script>--> <!--JS,while语句--> <!-- <script type="text/javascript">--> <!-- var arr = [1,2,3,4];--> <!-- var index = 0;--> <!-- while(index < arr.length){--> <!-- document.write("<p>" + arr[index] + "</p>");--> <!-- index ++;--> <!-- }--> <!-- index = 0;--> <!-- do{--> <!-- document.write("<p>" + arr[index] + "</p>");--> <!-- index ++;--> <!-- }while(index < arr.length);--> <!-- </script>--> <!--JS函数--> <!-- <script type="text/javascript">--> <!-- //可以定义无参函数--> <!-- function func(x,y) {--> <!-- var z = x+y;--> <!-- document.write("<p>"+z+"</p>");--> <!-- return z; // 可以没有返回值--> <!-- }--> <!-- var t = func(2,3);--> <!-- document.write("<p> 按返回值:"+t+"</p>");--> <!-- </script>--> </body> </html>