Day03 JavaScript(1)

JavaScript简介

一.使用JS完成注册表单数据校验

  用户在进行注册的时候会输入一些内容,但是有些用户会输入一些不合法的内容,这样会导致服务器的压力过大,此时我们需要对用户输入的内容进行一个校验(前端校验和后台校验),前端校验防君子不防小人。

JavaScript介绍

什么是JavaScript?

  JavaScript被设计用来向HTML页面添加交互行为

  JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)

  JavaScript由数行可执行计算机代码组成

  JavaScript通常直接嵌入HTML页面

  JavaScript是一种解释性语言(代码执行不进行预编译)

  所有人无需购买许可证均可使用JavaScript

JavaScript的作用?

  HTML:它是整个网站的骨架

  CSS:它是对整个网站骨架的内容进行美化(修饰)

  JavaScript:它能够让整个页面具有动态效果

JavaScript的组成部分

ECMAScript:它是整个JavaScript的核心,包含(基本语法 变量 关键字 保留字 数据类型 语句 函数等等)

DOM:文档对象模型,包含(整个HTML页面的内容)

BOM:浏览器对象模型,包含(整个浏览器相关的内容)

JavaScript语法

  区分大小写

  变量是弱类型(String str = "aaa",var str = "123";)

  每行结尾的分号可有可无(建议都加上)

     注释与Java相同

JavaScript的变量

  变量可以不用声明,变量是弱类型。统一使用var来定义!定义变量的时候不要使用关键字和保留字

JavaScript数据类型

分为原生数据类型和引用数据类型

  原生数据类型:

      String,number,boolean,null,undefined

  引用数据类型:

      Array,Boolean,Date,Math,Number,String,RegExp (类似Java中的包装类)

 JavaScipt运算符

  其他运算符与Java大体一致,需要注意其等性运算符

  == 它在做比较的时候会进行自动转换(值相等就等)

  ===它在做比较的时候不会进行自动转换(值和类型都相等才等)

JavaScipt语句

   所有语句和Java大体一致

获取元素内容

  获取元素:

    document.getElementById("id名称");

  获取元素里面的值:

    document.getElementById("id名称").value;

 JavaScript事件

    表单提交事件:onsubmit

JavaScript的输出

    警告框:alert();

    向页面指定位置写入内容:innerHTML(属性)

    向页面写入内容:document.write("")

 注册表单数据校验步骤分析:

第一步 :确定 事件 (onsubmit )并为其 绑定一个函数

猜你喜欢

转载自www.cnblogs.com/yzz0110/p/9400553.html