2021-03-11

1.JavaScript的简单介绍【JavaScript是什么？】
JavaScript—是一种 面向对象的脚本语言。
面向对象是一种编程思想。
在没有出现面向对象的编程思想之前，我们用面向过程的编程思想指导具体实践。
面向过程的编程思想：
把从起点到终点的每一步都记录下来形成过程。
面向对象的编程思想：
只需要知道起点和终点就行，不需要记录每一步，此时从起点到终点就是实现功能的对象。
面向对象的特点：
1.封装—将所有分散的数据集中在一起统一处理
2.继承—孩子从父母那里得到的东西
3.多态—多种状态/形态，在不同的环境下，同一个元素会呈现出不同的状态/形态
面向过程的思想----C语言【指针】
面向对象的思想—java、 C#
脚本语言—程序编写完成以后，不需要经过转换，在运行环境上直接运行的。JavaScript，SQL
2.JavaScript的历史
诞生于1995年，由Netscape（网景）公司的布兰登·艾奇发布的LiveScript，后因与Sun公司合作，改名为Javascript。
3.Javascript的作用
1.为html网页提供动态效果【特效】
2.完成与后台处理程序的数据交互【1.发请求{要}     2.处理数据】
4.简单的具体操作：
1.直接向html文件中写出标记和内容

	
		"utf-8">
		
	
	
		
	

2.对事件的反应

	
		
		
		
	
	
		"button" value="普通的按钮" οnclick="alert('按钮的点击事件被触发');"/>

		"button" value="普通的按钮" οnclick="testclick();"/>
	

3.改变HTML标记中的内容

	
		
		
		
	
	
		"test1" type="text" value="默认值"/>
		

		"button" value="按钮" οnclick="testclick();"/>
	

4.改变HTML图像

	
		
		
		
	
	
		"img1" src="imgs/close.PNG"/>
		"button" value="改变图片" οnclick="testimg();"/>
	

5.改变HTML样式

	
		
		
		
		
	
	
		
"div1">
		"button" value="改变css" οnclick="testdiv();"/>
	

6.验证输入

	
		
		
		
	
	
		"test1" type="text" value="请输入手机号码" />
		"button" value="获取短信验证码" οnclick="testSend();">
	

5.JavaScript的基本用法
1.在html标记的对应事件中直接编写Javascript程序。

"button" value="普通的按钮" οnclick="alert('按钮的点击事件被触发');"/>

2.将 Javascript程序写入script标记，将script标记写写在head或者body标记中，推荐写在head标记中或者body结束标记的 前面 。
3.创建独立的Javascript文件，后缀名“.js”结尾，通过script标记的src属性引入。

test1.js
function testSend(){
     
	var phoneNum=document.getElementById("test1").value;
	//验证手机号码--正则表达式
	//正则表达式
	var zhengze= /^1\d{
     10}$|^(0\d{
     2,3}-?|\(0\d{
     2,3}\))?[1-9]\d{
     4,7}(-\d{
     1,8})?$/;
	var jieguo=zhengze.test(phoneNum);
	if(jieguo){
     
		alert("手机号码合法，正在发送验证码");
	}else{
     
		alert("手机号码不合法，请重新输入");
		document.getElementById("test1").value="";
	}
}
javascript6.html

javascript6.html


	
		"utf-8">
		

		
	
	
		"test1" type="text" value="请输入手机号码" />
		"button" value="获取短信验证码" οnclick="testSend();">
	

当Javascript程序很长时，或者同一个实现功能需要在多个页面中使用时，我们就会创建独立的Javascript文件，通过script标记中 的src属性引入。
注意：通常情况下Javascript程序需要html元素对应的事件来调用/触发执行。
6.Javascript的输出
为了以后调试程序，输出运行结果，判断程序运行是否正常，找出并修改错误。
页面初始化事件

	
		"utf-8">
		
		
	
	
	

使用windows.alert（）弹出警告框。
使用document.write（）方法将内容写到HTML文档中。
使用innerHTML写入到HTML元素。
使用console.log（）写入到浏览器的控制台。

	
		
		
		
	
	
		"font1" color="red" size="7">