JavaScript

• JavaScript的引入方式

1. 内部引入方式

<script type = "text/javascript">
...
</script>

2. 外部引入方式

<script type = "text/javascript" src =  "1.js"></script>

---

• 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部分代码如下

<from action = "#" method = "get" name = "regForm" onsubmit = "return checkForm()">
...
</from>

JS部分代码如下

<script>
 function checkFrom(){
 /*校验用户名*/
  var uValue = documnet.getElementById("username").value;
  if(uVaule == ""){
    alert("用户名不能为空");
    return false;
  }
 /*校验密码*/
  var pValue = document.getElementById("password").valur;
  if(pValur == ""){
    alert("密码不能为空");
    return false;
  }
/*校验确认密码*/
  var rpValue =
  document.getElementById("repassword").value;
  if(rpValue!=pValue){
    alert("两次密码输入不一致!");
    return false;
  ｝
 /*校验邮箱*/
  var eValue = document.getElementById("eamil").value;
  if(!/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){
    alert("邮箱格式不正确!");
    return false;
  }
}
</script>

---