JavaScript

JavaScript

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

JavaScript特点

1. 是一种解释性脚本语言(代码不进行预编译)）。

2. 主要用来向HTML标准通用标记语言下的一个应用）页面添加交互行为。

3. 可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

4. 跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windowsows、Linuxm、Mac、Android、iOS等）。

作用

1.响应客户端鼠标和键盘事件
2.客户端页面表单数据验证
3.使用JavaScript动态的改变页面标签的样式

联系

JavaScript与html,css关系
JavaScript是一种基于对象和事件驱动并具有安全性的解释性语言，其目的就是增 强Web客户交互。弥补了HTML的缺陷。

JavaScript的基本结构

<script type="text/javascript">
     代码块
</script>

声明变量

使用关键字Var来声明变量
var 变量名 = 值
js是弱类型语言

<script type="text/javascript">
            var name = "李明" //声明变量
            var num = 123;
</script>

数据类型

1、数值型

<script type="text/javascript">
            //数值型 整数,浮点  
            var s = 4.2;
            var sa = 2;
            console.log(typeof(s))  //Double
            console.log(typeof(sa)) // Int
</script>

2、布尔型(boolean)

<script type="text/javascript">
            var bol = true;
</script>

3、字符串型：
字符串"" ‘’ 都表示字符串

<script type="text/javascript">
            var s = 'abc'
            var sa = "abc"
            console.log(typeof(s))  // String
            console.log(typeof(sa)) // String
</script>

4、undefined类型

<script type="text/javascript">
    		var a;
			console.log(a)
			if(a==undefined){
				console.log(111)
			}
 </script>

运算符

<script type="text/javascript">
			var num = 5;
			var num1 = 10;
			var str = '5'
			console.log(num+num1) //15 加法 
			console.log(num+str) //55  字符串连接
			console.log(num1-str) //5  数值减字符串数字,对字符串的数字进行了隐性的类型转换
</script>

比较运算符

<script type="text/javascript">
    	    var num = 5;
			var num1 = 10;
			console.log(num==num1) //true 比较的是值
			console.log(num===num1) //false 比较的是值和类型
</script>

流程控制语句

第一种是选择结构
1.单一选择结构（if） 
2.二路选择结构（if/else）
3.多路选择结构（switch）
第二种类型的程序控制结构是循环结构。
1.由计数器控制的循环（for） 
2.在循环的开头测试表达式（while）
3.在循环的末尾测试表达式（do/while）

条件语句

if（表述式） 语句段１; else 语句段２；

<script type="text/javascript">
				var a = 10;
				if (true) {
					a = 20;
				} else{
					a=30;
				}
</script>	

多路选择

基本格式——解决多种条件判断
switch (e) {
case r1: （注意：冒号) break;
case r2: break;
[default:…]
}

<script type="text/javascript">
				for(var i= 0 ;i<10;i++){
					console.log(i);
					if(i==6){
						continue;
					}
				}
</script>		

循环语句for

<script type="text/javascript">
				for(var i= 0 ;i<10;i++){
					console.log(i);
					if(i==6){
						continue;
					}
				}
</script>	

循环语句while

<script type="text/javascript">
				var a = 10;
				while(a>10){
					console.log(i);
					a = a-1;
				}
</script>	

循环语句do-while

<script type="text/javascript">
				var a = 10;
				do{
					console.log(i);
					a = a-1;
				}
				while(a>10);
</script>