美文网首页
JavaScript 基础

JavaScript 基础

作者: 欢乐小匠仙 | 来源:发表于2016-03-26 11:12 被阅读0次

    宁皓网:ninghao.net/video/1237

    一、介绍



    基本语法:
    定义变量,访问变量里的值。
    数据类型,处理数组,创建对象,定义函数。
    用 if 和 switch 做判断。用 while 和 for 循环执行一些动作。

    使用DOM操纵网页:
    获取网页里的元素,访问元素属性,添加新内容到网页上。

    事件:
    根据浏览器上发生的事件,执行应用里设计好的动作。

    二、在网页中嵌入脚本代码的方法



    创建 index.html,使用 Emmet 插件,!+tab 生成 HTML5 文档结构。(可选:修改<title>JavaScript</title>)

    1. 写进 HTML 页面 script+tab
    # index.html
    <body>
        <script>
            JS代码
        </script>
    </body>
    
    1. 分离 JS 文件 script:src+tab
      新建 script.js 文件。
      index.html 引入 JS 文件。
    # index.html
    <body>
        <script src="script.js"></script>
    </body>
    

    实现:在加载页面以后显示一个 Hello 的提示窗口

    # script.js
    alert('Hello!');
    

    三、注释 - 说明你的意图


    数据

    四、变量 - 给东西起个名字

    五、数据的类型 - 数字,文字,真与假 ...

    六、文本字符串的处理

    七、Array 数组 - 把数据有序地放在大盒子里装着


    流程控制

    八、if - 先判断条件的对与错然后再决定要做的事

    九、switch - 先判断条件的对与错然后再决定要做的事

    十、while 循环 - 重复地去做要做的事

    十一、for 循环 - 重复地去做要做的事


    函数

    十二、function 函数 - 一块可以执行的代码

    十三、定义一个函数

    十四、函数表达式

    十五、变量的范围

    十六、Object 对象 - 能存数据 能做事


    对象

    十七、创建一个对象

    十八、对象里的数组

    十九、更新与删除对象里的属性

    二十、为对象添加方法

    廿一、循环输出对象里的属性


    DOM

    廿二、DOM - 操纵文档的接口

    廿三、文档树

    廿四、获取文档中的元素 getELementById

    廿五、getElementsByTagName

    廿六、querySelector 与 querySelectorAll

    廿七、访问元素的属性

    廿八、在文档中创建并插入新的节点

    廿九、insertBefore - 在指定位置插入节点


    事件

    三十、Event - 处理发生的事情

    卅一、处理事件的方法

    卅二、用对象的事件处理程序处理发生的事件

    卅三、addEventListener - 为对象绑定事件

    卅四、事件的传播

    卅五、更改事件传播方式

    卅六、停止传播事件

    相关文章

      网友评论

          本文标题:JavaScript 基础

          本文链接:https://www.haomeiwen.com/subject/yuydlttx.html