JavaScript基础语法基础语法基础语法基础语法基础语法基础语法基础语法基础语法基础语法基础语法基础语法基础语法基础

基础语法

<html>
    <head></head>
    <body>
        <script type="text/javascript">
            window.alert("test")
        </script>
    </body>
</html>

声明变量

图片.png

运算表达式

图片.png

数据类型

图片.png

数据类型与兑对象的关系

图片.png

JavaScript中的特殊值

图片.png

控制语句与循环语句

<script type="text/javascript">
			var sum = 0;
			for(var i =1;i<=5 ;i++){
				if(i%2==0){
					sum += i;
				}
			}
			console.log(sum);
		</script>

函数声明与使用

/*
   		function 函数名(形参名,形参名){
   			命令行
                                   return 结果
   		}
   	
   	*/

JavaScript中，声明函数时必须使用function进行修饰
JavaScript中，声明函数时禁止指定函数的返回数据类型
JavaScript中，申明函数时形参不能使用任何数据类型修饰，也不能使用var来修饰

函数的调用

<script type="text/javascript">
     
		/*
			函数调用：对象.函数(实参1,实参2
			直接在script标签下声明的变量和函数，自动分配给widow对象
		*/
		var userAge = 20 //window.userAge = 20
		window.alert("window.userAge="+window.userAge )
                
               function fun1(name){
			window.alert(name);
		}
		window.fun1("taylor"); 	
		
		</script>

JSON对象描述格式

JSON对象描述格式：用于向javaScript索要开发时需要的对象格式： var stuObj = {"属性名":值，"属性名2":值} Json格式神明的对象都是object类型

    var dept = {"deptNo":10,"deptName":"accounting","loc":"new york"}

应用

操作dom节点

图片.png

<html>
        <head></head>
        <body>
                     <script type="text/javascript">
                         
                     </script>

                       <div id="one">100</div>
                       <div id="two">200</div>
                       <input type="button" value="定位id等于200的标签" onclick="window.fun1()">
        </body>
		<script>
			function fun1(){
			
				//1.通过document对象 得到id等于two的标签关联的dom对象
				var two = document.getElementById("two");
				//2.由浏览器输出结果  (通过dom对象读取其管理的标签中的内容)
				console.log(two.innerText);
			}
		</script>
 

</html>