javascript简介

js简介

1 JS属于前端的一个脚本语言。依赖浏览器。它的执行需要“宿主环境”。而这个宿主环境在很长一段时间之内，都是浏览器。直到08年，NodeJS横空出世，就可以前后端通吃。
##JavaScript是基于事件驱动并独立于平台的脚本语言
2.JS属于编译语言，属于写完之后，就可以直接运行。不需要像Java一样，先编译成机器语言，再执行。

书写位置

• 1.HTML页面中的script标签中

•       不要在一个有==src属性==的script标签之间书写js代码 会被忽略的，不管有没有这一个路径
  

• 2.外部的JS文件中

JavaScript三部分

DOM BOM ECMAScript

DOM 文档对象模型

控制文档的内容

获取元素

        + getElementById
        + getElementsByClassName
        + getElementsByName
        + getElementsByTagName
        + querySelector
        + querySelectorAll

创建元素

        + createElement
        + createTextNode
        + createComment

操作元素属性

        + .语法/[]语法操作属性 将元素当作JS对象来处理
            + 如果是HTML标准属性 会显示在标签上
            + 如果是非HTML标准属性 不会显示在标签上但是可以成功
        + setAttribute(name, value) 设置HTML属性并显示在页面中
            + name HTML属性 包括标准的和非标准的
            + value 属性值
        + getAttribute(name) 获取
        + removeAttribute(name) 移除
        + innerHTML 设置元素的文本 但是会当作HTML文本来处理(会渲染) 
        + innerText 设置元素的文本 但是只是当作文本显示

节点

        + 1 元素节点
        + 2 属性节点
        + 3 文本节点
        + 8 注释节点
        + 9 文档节点
    + 节点属性
        + nodeType 
        + nodeName
        + nodeValue

操作元素的关系

        + 父子关系
            + parentNode 返回父节点
            + childNodes 返回子节点的集合
            + children 返回所有元素子节点
            + firstChild 第一个子节点
            + firstElementChild 第一个子元素
            + lastChild 最后一个子节点
            + lastElementChild 最后一个子元素
        + 兄弟关系
            + previousSibling 前一个节点
            + previousElementSibling 前一个元素
            + nextSibling 下一个节点
            + nextElementSibling 下一个元素