11.26(day11)

第一章、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. 不会缓存到浏览器记录中

 

第三章 图片轮播效果

猜你喜欢

转载自www.cnblogs.com/jihongtao/p/10022617.html