JS基础（一）

组成部分:
    ECMAScript:js基础语法(规定 关键字 运算符 语句 函数等等...)
    BOM:浏览器对象模型
    DOM:文档对象模型

---

js和html整合
    方式1:在页面上直接写
        将js代码放在 <script></script>标签中,一般放在head标签中

    

<script type="text/javascript">
			alert(12);
</script>

    方式2:独立的js文件
        通过script标签的src属性导入

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

---

js的数据类型:
    原始类型:(5种)
        Null
        String
        Number
        Boolean
        Undefined
        通过 typeof运算符可以判断一个值或者变量是否属于原始类型,若属于原始类型,他还可以判断出属于那种原始类型
            typeof 变量|值;
        若变量为null,使用typeof弹出的值 object
        
        使用typeof的返回值
            undefined - 如果变量是 Undefined 类型的 
            boolean - 如果变量是 Boolean 类型的 
            number - 如果变量是 Number 类型的 
            string - 如果变量是 String 类型的 
            object - 如果变量是一种引用类型或 Null 类型的

---

js:事件驱动函数
    js中的事件:
    常见的事件:
        单击:  onclick
        表单提交: onsubmit 加在form表单上的 onsubmit="return 函数名()"  注意函数返回值为boolean类型
        页面加载: onload
        
  js事件和函数的绑定:               通过标签的事件属性   <xxx onclick="函数名(参数)"></xxx>
  js获取元素:                              var obj=documnet.getElementById("id值");
  获取元素的value值                  obj.value;
  获取元素的标签体中的内容      obj.innerHTML; 

  获取元素:  var obj=document.getElementById("id值");
  获取元素的value属性  var val=document.getElementById("id值").value;
  设置元素的value属性  document.getElementById("id值").value="sdfsdf";
  获取元素的标签体       var ht=document.getElementById("id值").innerHTML;
  设置元素的标签体      document.getElementById("id值").innerHTML="ssss";

---

函数的定义:
    方式1:
        function 函数名(参数){
            函数体;
        }    
    
    方式2:
        var 函数名=function(参数){
            函数体;
        }
        
js事件和函数的绑定:
    方式1:
        通过标签的事件属性   <xxx onclick="函数名(参数)"></xxx>
    方式2:
        给元素派发事件
            document.getElementById("id值").onclick=function(参数){....}
            document.getElementById("id值").onclick=函数名
        注意:
            内存中应该存在该元素才可以派发事件
        a.将方式2的js代码放在html页面的最下面
        b.在页面加载成功之后在运行方式2的js代码  onload事件.

---

等性运算符 == ===
        == :只判断值是否相同
        ===:不仅判断是否相同,还要判断类型是否相同