JavaScript表单提交-CSDN博客

本文链接：https://blog.csdn.net/weixin_47282637/article/details/105812239

文献种类：专题技术总结文献；
开发工具与关键技术：VS与 JavaScript
作者：熊江宇；年级： 2019 ；撰写时间： 2020 年 4 月 27 日

JavaScript表单提交

开发工具与关键技术：Visual Studio 2015 与 JavaScript
作者：熊江宇
撰写时间：2020年4月20日

文献种类：专题技术总结文献；
开发工具与关键技术：
作者：熊江宇；年级：2019 ；撰写时间：2020 年 4 月 21 日

JavaScript的数据类型

作者：学生的姓名
撰写时间：2020年4月20日

 在JS中一共有6中数据类型
		String 字符串
		Number 数值
		Boolean 布尔值 true/false
		Null 空值
		Undifined 未定义
		Object 对象
	其中基本数据类型：String Number Boolean Null Undifined
	引用数据类型：Object
	
	 2.1 String 字符串
	    - 在JS中字符串需要使用引号引起来
     	- 使用单引号或双引号都可以，但是最好不要混用
	    - 注意引号的嵌套问题，

     2.2 Number 数值类型 
	     - 在JS中所有的数值都是Number类型，包括了整数、浮点数(小数)
	     - 拓展部分：如果使用Number表示的数字超过了最大值，则会返回一个
	    Infinity  表示正无穷大
		-Infinity 表示负无穷大
		使用typeof检查Infinity也会返回Number
		
		Number.MAX_VALUE 表示数值的最大值 1.7976931348623157e+308
     
      2.3 Boolean 布尔类型
		布尔值只有2个，主要用来做逻辑判断
		- true 表示真
		- false 表示假
      
      2.4 Null(空值)类型的值只有一个，就是null
		null这个值专门用来表示一个空对象
		使用typeof检查一个null值时，返回一个object

      2.5 Undefined(未定义)的值只有一个，undefined
		- 声明一个变量但是未给变量赋值时，它的值就是undefined

知识点罗列：
1. 字面量、变量、标识符
2. JavaScript的6种数据类型：
	基本数据类型：String 字符串类型 Number数值类型 Boolean 布尔类型 
					Null 空值类型 Undefined 未定义类型
	引用数据类型：Object 对象类型
3.JavaScript数据的强制类型转换
	主要是将其他数据类型转换为String  Number  Boolean。
①将其他的数据类型转换为String类型
方法一：
		- 调用被转换数据类型的toString()方法
		- 该方法不会影响原变量，它会将转换的结果返回
		- 注意：null和undefined这两个值没有toString()方法，如果调用该方法程序会报错
方法二：
		- 调用String()函数，并将被转换的数据作为参数传递给函数
		- 使用String()函数做强制类型转换时，对于Number Boolean实际上
是调用的toString()方法。但是对于null和undefined，
就不会调用toString()方法。
			它会将null直接准换为"null"（字符串）
			它会将undefined直接准换为"undefined"（字符串）
②将其他数据类型转换为Number类型
使用Number()函数
	- 字符串-->数字
		1.如果是纯数字的字符串，则可以直接转换为数字
		2.如果字符串中有非数字的内容，则转换为NaN
		3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
	- 布尔值-->数字       true准换为1 false转换为0
	- null-->数字 0
	- undefined-->数字 NaN
第二种方式：
	- 这种方式专门用来对付字符串类型
	- parseInt() 把一个字符串转换为一个整数
	- parseFloat() 把一个字符串转换为一个浮点数
③其他数据类型转换为Boolean类型
使用Boolean()函数
- 数字  -->布尔  除了0和NaN是false,其余的全部都是true
- 字符串-->布尔  除了空串是false,其余的全部都是true
- null 和undefined都会转换为false
- 对象也会转换为true

可以使用运算符typeof检测数据类型
语法：typeof 变量



①算数运算符：
+ 加  
	可以对两个值进行加法运算，如果是两个字符串则进行字符串拼接
	任何值和字符串做加法运算，都会先转为字符串，然后再和字符串做拼接操作
	也可以通过"+"完成隐式转换。
- 减
	可以对两个值进行减法运算，并返回运算结果
* 乘
	可以对两个值进行乘法运算，并返回运算结果
/ 除
	可以对两个值进行除法运算，并返回运算结果
% 取模
	取模运算(取余数)
++ 自增
-- 自减
②关系运算符：
	> 大于
	>= 大于等于
	< 小于
	<=小于等于
	== 表示相等的意思
	!= 表示不等的意思
	=== 全等（数据类型与值都相等）
	!== 不全等
	运算的结果为布尔值

③逻辑运算符
JS中为我们提供了三种逻辑运算符
	! 非
	   - !可以用来对一个值进行非运算
		   所谓非运算就是对一个布尔值进行取反操作
		   false变为true ，true变为false
	   - 如果对一个值(布尔值)进行2次非运算，它的值不改变
	   - 如果对非布尔值进行运算，则先将它准换为布尔值，再取反操作
	   		利用这一特点，可以将一个值转换为布尔类型：两次非运算
	&& 与
	   - &&可以对符号两则的值进行与运算并返回结果
	   	 运算规则：两个值只要有一个false，则返回false
		 		   两个值都是true的情况下，返回true
	   - JS中的"与"，只要第一个为false，则返回false。
	|| 或
	   - ||可以对符号两则的值进行或运算并返回结果
	   	 运算规则：两个值只要有一个true，则返回true
		 		   两个值都是false的情况下，返回false
	   - JS中的"或"，只要第一个为true，则返回true。不会再去检查第二个值
④赋值运算符
JavaScript赋值运算
	= 赋值符
		可以将符号右侧的值赋值给左侧的变量
	+= 
		num+=2 =>等价于 num=num+2;
	-=
		num-=2 =>等价于 num=num-2;
	*= 
		num*=2 =>等价于 num=num*2;
	/= 
		num/=2 =>等价于 num=num/2;	
	%=
		num%=2 =>等价于 num=num%2;	
⑤条件运算符
条件运算符也叫做三元运算符
	- 语法：条件表达式?语句1:语句2;
	- 执行的流程：
	  条件运算符在执行时，首先对表达式进行求值。
	  如果该值为true，则执行语句1,并返回执行结果
	  如果该值为false，则执行语句2,并返回执行结果



程序中的三种基本流程结构：
顺序结
分支结构
循环结构
顺序结构：按照顺序一条一条的执行代码，从上到下。
分支结构：执行代码的时候，可以根据条件进行选择，条件越多对应的结果越多，分支也就越多。例如if…else…语句,switch语句
循环语句：用来重复不断的做一件事,for循环，while循环，do…while循环

1.if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。
2.多重判断（if..else嵌套语句）//else if
  要在多组语句中选择一组来执行，使用if..else嵌套语句。
语法:
if(条件1){
    条件1成立时执行的代码
}
else if(条件2){ 
    条件2成立时执行的代码
}
...
else if(条件n){
        条件n成立时执行的代码
}
else{ 
    条件1、2至n不成立时执行的代码
}


 Object 对象
- 对象属于一种复合的数据类型，在对象中可以存储多个不同数据类型的属性
		
		对象的分类：
			1.内建对象
				- 由ES标准中定义的对象，在任何ES的实现中都可以使用
				  例如：Math String Number Boolean Function Object...
			2.宿主对象
				- 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
				- 比如：BOM(浏览器对象模型)  DOM(文档对象模型)
				  例如 我们常用的console.log() 就是DOM 中的对象
			3.自定义对象
				- 由咱们开发人员自己定义的对象

使用new关键字调用的函数，是构造函数constructor
构造函数是专门用来创建对象的函数
var obj=new Object();//创建对象

 /*在对象中保存的值称为属性
		  向对象添加属性的语法: ①对象.属性名=属性值 ② 对象["属性名"]=属性值
		  读取对象属性的语法: ①对象.属性名 ②对象["属性名"]
		- 注意：如果对象中没有的属性，不会报错而是返回undefined
	*/
  注意：属性值 可以自己任意取值
        属性名 可以自己任意取值
案例：
 //为对象添加属性
	obj.age="zhangsan";
 //获取对象中的属性值
	console.log(obj.tel) == console.log(obj[tel])
 //修改对象的属性值
	obj.age=22;
 //删除对象的属性
	delete obj.age
    
/* in运算符 
		通过该运算符检查一个对象中是否含有指定的属性
		如果含有则返回true，如果没有则返回false
		语法 ："属性名" in 对象
	*/
	console.log("属性名" in 对象);