1.3JavaScript基础
1.3.1DOM的相关知识
DOM的含义:Document Object Model,文档对象模型，
文档:指的是标记文档(html ,xml)
対象:可以使用dom里面的相关属性和方法来解析标记性文档.
Dom的组成:核心Dom,Html Dom ,XML Dom.
Dom如何解析html文档:
DOM会根据html的层级结构，在内存中形成一个树形结构，树形结构里面有标记元素和属性文本等元素，
整个html文档对应一个document对象，通过document文档对象， 可以操作html里面得到所有元素。
2.节点的访向:
节点対象. childNodes :获取该节点的所有子节点。
节点対象. parentNode:获取该节点的父节点。
3.荻取文档中的元素:
下面的方法是html dom的方法
根据标记的id属性值获取元素对象: document.getElementById(id属性对应的值);
根据标记的名称获取元素对象: document.getElementsByTagName(标记的名称);
根据标记的name属性值获取元素对象: document. getElmentsByName(name属性对应的值);
1.3.2 JavaScript概述
什么是js：它是基于对象和事件驱动的语言，它应用于客户端。
基于对象:在js里面提供了一些对象，可以直接使用。
面向对象:在java里 面先创建对象，再使用。
事件驱动: js里 面它触发事件，调用函数，实现网页里面的动态效果。
***客户端:浏览器。
javaScript和java的区别(雷锋塔和雷锋) :

  1. javaScript是网景的产品，java是sun公司的产品， 现在oracle.
  2. javaScript的运行只要系统里有浏览器就可以了。java的运行依赖于虚拟机。
  3. javaScript是弱类型语言，java是强类型语言。
    弱类型语言:在js里面，所有的变量都用var定义，比如: var a=10;var b="hello js"强类型语言:在java里面，int a=10; int b="hello java" 错误的写法。
    javaScript的组成: .
  4. EcmaScript:规范了js的基于语法。
  5. Bom: Browser Object model ,浏览器对象模型，操作浏览器。
  6. Dom: Document 0bject model， 文档对象模型，操作文档。
    js作用:它是给网页增加动态效果。
    1.内嵌式:
    在网页里，引入js代码的基本语法:
    在上述代码中，type属性是用来指定HTML文档引用的脚本语言类型，当type属性的值为text/Javascript时，表示元素中包含的是Javascript脚本。
    2.外链式:
    在网页里，引入外部的js文件的语法:
    操作步骤: 1.创建-一个js文件，2. 在script标记里面，使用src属性来引入外部的js文件。
    比如:

    insert title here





    来学习javaScript

    3.js里的数据类型:
    Number :数字类型
    String :字符串类型
    Object:对象类型
    null:空类型
    undef ined:未知的类型
    Boolean :布尓类型
    比如:
    var a=10;
    // alert(typeof a);
    var b="hello js";
    // alert(typeof b)
    var c=null;
    // alert(typeof f);
    var d;
    // alert(typeof d)
    var e=true;
    alert(typeof e)
    4.变量
    在js里面定义变量都用var来定义。
    5.运算符

    算术运算符: + - * / 等等
    比较运算符: > < >= <=等等
    逻辑运算符: && ||等等
    赋值运算符: += -=等等
    注意: var a=10;var b="0"; var c=a-b;在进行减法(乘除法)操作时，会把string类型的值，转换为number型。
    6.条件语句:
    if ,if else,if else if else等语句
    其它语句: for语句。switch case语句等等
    比如:
    var a3=10;
    var b3=20;
    if(a3==b3){
    alert("相等的是10");
    }else{
    alert("other---")
    1.3.3 JavaScript的使用
    1.函数的定义和使用
    在js里面定义函数的三种方式：
    （1）创建普通函数
    语法：function add(a,b){
    var sum=a+b;
    return sum;
    }
    （2）创建匿名函数
    语法：var add2=function(a,b){
    var sum=a+b;
    return sum;
    }
    （3）创建动态函数：
    语法：a.定义函数的参数:
    var param=’’a,b’’;
    b.创建函数体:
    var method=”var sum=a+b;return sum;”
    c.动态函数:
    var add =new Function(param,method);
    2.事件处理
    事件：通过触发事件，去调用相关的函数，来实现网页的动态效果。
    如果在网页里面去触发事件？
    在网页里面绑定事件常用的两种方式：
    (1)直接通过事件绑定函数。
    比如：;” />
    Function add() {alert(“点我啊”);}
    (2) 通过给事件属性赋一个函数
    比如：;” />
    document.getElementById(“inputID”)onclick=function(){
    alert(“点我了么”);
    }
    常用事件：
    （4）点击事件：onclick
    （5）失去焦点事件：onblur
    （6）获取焦点：onfocuse
    （7）键盘事件：onkeyup onkeydown onkey press
    （8）页面加载事件：onload
    （9）鼠标事件：onmouseout onmouseover onmousemove
    3.常用对象
    A.window对象：
    常用的属性：history，document，navigator，location，screen
    比如：var aa=window.location.href;
    alert(aa);
    常用的方法：
    设置定时器方法：
    Var id1=setInterval(js代码，时间)：每隔一段时间循环执行对应的js代码
    Var id2=setTimeout（js代码，时间）：每隔一段时间，只执行一次对应的js代码
    消除定时器的方法：
    ClearInterval(id1)
    clearTimeout(id2)
    B.Date对象：
    使用方法和Java差不多
    Var myDate=new Date();
    获取年份：myDate.getFullYear();
    获取月份:myDate.getMonth();
    获取天：myDate.getDay()
    C.String对象
    获取字符串的长度：
    Length
    与HTML相关的方法：
    字体加粗：bold();字体变大：big();
    与Java相似的方法：
    IndexOf(),concat(),substr(),substring()