zoukankan      html  css  js  c++  java
  • 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. 不会缓存到浏览器记录中

     

    第三章 图片轮播效果

  • 相关阅读:
    VueCLI3如何更改安装时的包管理器
    查天气43课-46课
    【Python第31课到42课】
    【Python第16课到30课 】
    Python笔记
    【AC】九度OJ题目1153:括号匹配问题
    【AC】九度OJ题目1436:Repair the Wall
    【WA】九度OJ题目1435:迷瘴
    Matlab图片改颜色通道不改名存储
    [Linux 操作] awk操作の 打印图片路径
  • 原文地址:https://www.cnblogs.com/jihongtao/p/10022617.html
Copyright © 2011-2022 走看看