JS脚本语言基础与事件

js可以实现前端的网页操作

js属于脚本语言：不需要编译 sql html css javaScript 由某种解释器直接可以运行的

html是网页基本内容(标签，文本)

css是网页外观(样式)

JavaScript/js是网页的行为，为网页可以添加各种动态效果

ES TS面向对象结构搭建

		<!-- 导入外部js文件，导入外部script标签中就不能再写其他的js脚本了 -->
		<script src="js/index.js"></script>

		<script>
			function next(){
				//alert()是js中内置好的一个对话框函数，在安装浏览器的时候，已经安装到你的电脑
				alert("hello,world")
			}
		</script>

事件：

通过按钮触发事件，通过事件调用函数

变量：

js声明变量，java语言为强类型语言  phython  js  弱类型语言

区别在对于变量的类型划分和使用上表现为具体和普适

在java中，int  double char string long.....

在js中，一般情况都可用var

    var a=10;
	a="aba";
	a=true;
	var b="abc";
	alert(a);

数值类型：

1.整数浮点数字符串都用var

2.布尔型（true/false）

3.undefined型：不明确声明一个变量，未赋初始值，不明确变量

4.object对象类型、

函数：

声明函数：

			function test(){
				alert("计算知识");
			}
			
			function test2(a,b){
				alert(a+b);
				return 0;
			}

应用/使用函数：

			test();
			
			var c=test2(1,5);
			alert(c);

全局函数举例：

1.弹出框--alter（“消息提示框”）

2.确认对话框 --var res =confirm("是否确定")；

       alter (res);

3.输入对话框：

var name =prompt("请输入")；

alter(name);

4.返回参数数据类型：

var a=new Date();

alter(typeof(a));

5.parseInt(n) 把参数转换为整数，如果参数是浮点数保留整数部分，如果参数字符串有非数字字符串，返回NaN    

NaN的意思not a number

parseFloat(n) 将参数转为浮点数

6.eval(s) 可以将某个字符串当作js脚本运行

可以制作计算机小程序时使用

事件：

onclick 鼠标单击事件：

<input type="button" id="tid" value="单击事件" onclick="test()" />
<div onclick="test()">单击事件</div>

ondbclick 鼠标双击事件：

<input type="button" value="双击事件" ondblclick="test()"/>

onfocus 聚焦事件 当输入框获得鼠标焦点时触发事件

onblur 失焦事件 当输入框失去鼠标焦点时触发事件

<input type="text" onfocus="test()" onblur="test()" />

onload 当网页内容加载完毕后触发

onchange 当输入框/下拉框失去鼠标焦点 且 内容发生改变时 触发事件

onmouseover 移入鼠标

onmouseout 移走鼠标