JavaScript

  • JavaScript的引入方式
  1. 内部引入方式

  1. 外部引入方式


  • JavaScript的组成
  1. ECMAScript:JavaScript的核心,包含(基本语法、变量、关键字、保留字、数据类型、语句和函数等);
  2. DOM:浏览器对象模型,包含(整个html页面的内容);
  3. BOM:文档对象模型,包含(整个浏览器相关内容)。

ECMAScript

  • Javascript的语法
  1. 区分大小写;
  2. 定义变量只是用关键字:var;
  3. 注释与java相同。

  • JavaScript数据类型
    Javascript数据类型分为原始数据类型和引用数据类型。
    原始数据类型:string number boolean null undefined
    引用数据类型:Array Boolean Date Math Number String ReqExp

  • Javascript运算符
    == 会自动转换
    === 不会自动转换

  • 获取元素内容
    获取元素:document.getElementById("id名称");
    获取元素的值:document.getElementById("id名称").value;

  • Javascript事件
    表单提交事件:onsubmit

  • Javascript输出
    警告框:alert();
    向页面指定位置输出:innerHTML(属性);
    向页面写入内容:document.write("" );

  • 登录校验案例
    步骤分析:
    第一步:确定事件(onsubmit)并为其绑定一个函数
    第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)
    第三步:对用户输入的数据进行判断
    第四步:数据合法(让表单提交)
    第五步:数据非法(给出错误提示信息,不让表单提交)
    问题:如何控制表单提交?
    关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个
    返回值。 onsubmit = return checkForm()
    HTML部分代码如下

...

JS部分代码如下



你可能感兴趣的:(JavaScript)