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 = ;-->
<!-- x = + ;-->
<!-- 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:-->
<!-- }-->
<!-- var name = person.firstname;-->
<!-- console.log(name);-->
<!-- </script>--> <!--JS数组-->
<!-- <script type="text/javascript">-->
<!-- var course = ["chinese","math","english"];-->
<!-- var vec = new Array(); //定义空的数组-->
<!-- course[] = "BBQ";-->
<!-- console.log(course[]);-->
<!-- console.log(course[]);-->
<!-- </script>--> <!--JS用typeof查看类型-->
<!-- <script type="text/javascript">-->
<!-- var name = "zhangsan";-->
<!-- var age = ;-->
<!-- var bool = true;-->
<!-- var arr = [,,,];-->
<!-- var dict = {-->
<!-- name:"zhangsan",-->
<!-- age:-->
<!-- }-->
<!-- 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=;i<;i++){-->
<!-- document.write("<p>"+i+"</p>");-->
<!-- }--> <!-- var arr = [,,,];-->
<!-- // i 遍历的是下标而不是元素-->
<!-- for(i in arr){-->
<!-- document.write("<p>" + arr[i] + "</p>")-->
<!-- }-->
<!-- </script>--> <!--JS,while语句-->
<!-- <script type="text/javascript">-->
<!-- var arr = [,,,];-->
<!-- var index = ;-->
<!-- while(index < arr.length){-->
<!-- document.write("<p>" + arr[index] + "</p>");-->
<!-- index ++;-->
<!-- }--> <!-- index = ;-->
<!-- 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(,);-->
<!-- document.write("<p> 按返回值:"+t+"</p>");-->
<!-- </script>--> </body>
</html>
上一篇:javaScript基础概念小知识点集


下一篇:JavaScript基础概念