js学习目录

文章摘自菜鸟教程.

一、js是什么？做什么？

JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都使用 JavaScript。
HTML 定义了网页的布局。
CSS 描述了网页的样式（个人理解class标记样式，id标记js）。
JavaScript 网页的行为。

二、使用步骤

1.快速上手（上面加粗前两行理解后快速做项目）？

(1)输出文本内容

alert(“弹框显示”);
document.write(“要输出的内容或参数”);
console.log（“控制台输出”)；

(2)修改文本内容（其他方式自行百度）

document.getElementById(“这里填想要改变的div的id”).innerHTML=”修改后的内容”;

(3)修改div样式（以下内容最好在一个js函数内执行）
    var bcwidth = document.getElementById("目标id");//先获取目标这里用id获取得到参数（这里可以理解为可编辑的对象）
    bcwidth .style.width = 12 + 'px';//这种表达形式大差不差，可以根据自己的需要百度

对于第二行的解释：拼字符串的形式去拼接div，视图解析器会将这段字符串处理为h5语言，要注意拼接字符串的方法与java相同，格式为

参数+“字符串”+参数+“字符串”+参数
例如：var nessage = “a的数量为”+a+“个”；

document的其他用法.

2.js语法？

代码块

(1) 数字（Number）：可以是整数小数或科学计数。
    3.14
    1001
    123e
(2)字符串（String）：单/双引号引起来。
    "stringaa"
    'sa@~12343'
(3)运算符
    赋值，算术运算符有
        =  +  -  *  /
    条件比较及逻辑运算符
        ==  != <  >
(4)定义类型
    //与其他语言的开发不一样，js一般都用只var来声明参数
    //等号右边也可以为表达式
    var length = 16;         // Number 通过数字字面量赋值
    var points = x * 10;     // Number 通过表达式字面量赋值
    var lastName = "Johnson";     // String 通过字符串字面量赋值
    var cars = ["Saab", "Volvo", "BMW"]; // Array  通过数组字面量赋值
    var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象     字面量赋值
(5)js的数据类型会自我转换
    基本就是谁跟字符串类型都会变成字符串类型
(6)注意JavaScript 字母大小写
    JavaScript 对大小写是敏感的。
    当编写 JavaScript 语句时，请留意是否关闭大小写切换键。
    函数 getElementById 与 getElementbyID 是不同的。
    同样，变量 myVariable 与 MyVariable 也是不同的。
(7)js函数模板
    <script>
            //定义参数
            var name = 这里参考（4）定义类型
            //定义函数
            function 这里写函数名 (a,b,c,d)｛//括号内为传入的参数，也可以不传参
            //这里也可以定义参数，使用任何表达式
            //这里也可以写入    1.快速入手   里的东西对div的内容与样式进行编辑
            return x；//x为返回值，可以是任何类型，也可以无返回值
            ｝
    </script>
(8)如何调用js函数

查看具体的事件请点我.
在对应事件哪里调用例如 onclick=”对应函数的函数名” 这里就是对一个点击事件调用js的调用。
延伸（预加载）：有些函数需要在网页加载的时候就被启用，这种方式有
body onload=”func1();func2();func3();”
在html的body调用函数，此处可以调用多个。
其他方式自己百度，这个就够用了。

(9)代码规范
js会忽略多余的空格例（合理的排列不会出现少括号的情况也便于代码的阅读）：
    var person="runoob";
    var person = "runoob";
    这两者的作用是相同的
    添加注释(该操作便于对代码的第二次维护)：
    alt/shift+/
    **代码知识普及：**
    JavaScript 代码是 JavaScript 语句的序列。
    浏览器按照编写顺序依次执行每条语句。
    例：
    document.getElementById("demo").innerHTML="你好 Dolly";
    document.getElementById("demo").innerHTML="你最近怎么样?";
    按顺序执行最后demo显示的信息为你最近怎么样
    **代码块知识普及：**
    JavaScript 可以分批地组合起来。
    代码块以左花括号开始，以右花括号结束。
    代码块的作用是一并地执行语句序列。
    本例向网页输出一个标题和两个段落：
    function myFunction()
    {
    document.getElementById("demo").innerHTML="你好Dolly";
    document.getElementById("myDIV").innerHTML="你最近怎么样?";
    }
    这是一个代码块