第一章、JavaScript基本介绍
1.1 JavaScript 简介
JavaScript:脚本语言。
1.2 JavaScript 作用
1、操作元素值、属性
2、实现动画效果
3、元素的直接操作,删除、增加。(DOM编程)
4、元素的输入输出
5、校验功能
6、操作...
7、...
1.3 JavaScript 组成
ECMAScript(ECMA标准):核心部分,包含基本语法、语句等。
DOM(Document Object Model):操作文档中元素和内容。
BOM(Browser Object Model):操作浏览器对象。
1.4 JavaScript 引入方式
1.5 JavaScript 基本语法
1.5.1 变量
关键字:var 能接收任意类型的值,可以理解为Object
例如:
1.5.2 数据类型
Undefined:未定义; //定义的值未初始化
Null: //获取不到值
Undefined是从null中派生出来的一种类型,一般在脚本中未定义的值会输出Undefined
Number:
Number类型叫数字类型,可以声明浮点数、整数
字符串: 用单引号或者双引号引用的值,依然用var声明
Boolean : 布尔值
1.5.3 运算符
+、-、*、/、% ++ 、 --
作用和java的一样;
逻辑运算符
& | ! && ||
&&(短路与)和&(逻辑与)的区别:
当看到第一个判断条件为“假”时:
逻辑与& 会继续判断。
短路与&& 不会继续判断;
1.5.4 基本操作
alert(); 打印
根据ID获取元素(对象)
Document.getElementById();
第二章、简单的表单校验
2.1 案例需求
在提交表单数据的时候,为了减少服务器被访问的频率,我们需要在提交表单之前在网页中对其中的数据进行校验。
本案例介绍注册用户信息时对用户名、密码和邮箱进行校验。
2.2 相关知识点
1. JS表单提交
Document.getElementById().submit();
2. 关于停止脚本执行的方式
在脚本的任意位置直接 return false; 或者直接写return 默认值就是false
2.3 案例分析
1、在脚本中获取每个输入框的值
2、判断值是否符合规范
3、如果符合规范通过,不符合禁止提交
实现思路:
1、首先将submit按钮改为button, 不会提交
2、在或本中正常判断
3、如果成功可以使用脚本提交表单
2.4 案例实现
Get提交和Post提交
form 中的method属性有两种提交方式:
Get:属于URL提交,如果有属性值在表单中,会直接将这些值拼接到请求的URL中
Post提交:会以文件的形势提交给服务端,数据会存在于去请求的请求主体中,我们是直接看不见的;
GET
1. 提交有字节限制,不同浏览器传输的字节不同,一般都很小。
2. 所有数据会直接显示URL中,不安全
3. 所有的数据都会缓存到在浏览器记录中,不安全。
POST
1. 会以文件的形势提交给服务端,数据会存在于去请求的请求主体中,我们是直接看不见的;
2. 没有大小限制。
3. 不会缓存到浏览器记录中。
第三章 图片轮播效果