一、JavaScript语言简介：

　　JavaScript是世界上最流行的脚本语言。JavaScript是属于Web的语言，它适用于PC、笔记本电脑、平板电脑和移动电话。JavaScript被设计为向HTML页面增加交互性。

二、为什么要学习Java？

　　JavaScript是开发人员必须学习的三门语言之一：1、HTML定义了网页的内容；2、CSS描述了网页的布局；3、JavaScript网页的行为

三、JavaScript知识图谱：（这个总结非常好）

　　参考链接：https://www.w3cschool.cn/javascript/javascript-skillmap.html

四、JavaScript的用法：　　

　　HTML中的脚本必须位于<script>和</script>标签之间。脚本可被放置在HTML页面的<body>和<head>部分中。

　　JavaScript脚本还可以保存在外部文件中。外部文件通常被多个网页使用的代码。外部JavaScript文件的扩展名是 .js。

　　如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：（注意：外部脚本不能包含<script>标签）

五、JavaScript输出：

　　JavaScript没有任何打印或者输出函数。JavaScript可以通过不同的方式来输出数据：

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

六、JavaScript语法:（以下内容对于程序员来说都太熟悉了，所以简略记录如下）

  1. JavaScript字面量(即 常量)
    • 数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。
    • 字符串（String）字面量 可以使用单引号或双引号 :
    • 表达式字面量 用于计算
    • 数组（Array）字面量 定义一个数组：
    • 对象（Object）字面量 定义一个对象：
    • 函数（Function）字面量 定义一个函数：
  2. JavaScript变量：JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值。
  3. JavaScript操作符：                                                                                                   
  4. JavaScript语句:
  5. JavaScript关键词
  6. JavaScript标识符：JavaScript 标识符必须以字母、下划线（_）或美元符（$）开始。后续的字符可以是字母、数字、下划线或美元符（数字是不允许作为首字符出现的，以便 JavaScript 可以轻易区分开标识符和数字）。
  7. JavaScript注释：不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略。多行注释以 /* 开始，以 */ 结尾。
  8. JavaScript数据类型 ：JavaScript有多种数据类型：数字、字符串、数组、对象等等                                                                                          
  9. JavaScript函数：JavaScript 语句可以写在函数内，函数可以重复引用；引用一个函数 = 调用函数(执行函数内的语句)。
  10. JavaScript对大小写敏感　
  11. JavaScript字符集：JavaScript使用Unicode字符集。Unicode覆盖了所有字符，包含标点等字符。

七、JavaScript事件：

　　事件是可以被JavaScript侦测到的行为。

　　常见的HTML事件：

　　

　　JavaScript可以做什么？

　　事件可以用于处理表单，用户输入，用户行为以及浏览器动作：

  • 　　页面加载是触发事件
  • 　　页面关闭是触发事件
  •  　　用户点击按钮执行动作
  • 　　验证用户输入的合法性       等等

 八、HTML DOM（JavaScript这节对后端开发者来说，比较重要）

  1. JavaScript HTML DOM：通过HTML DOM。可以访问JavaScript HTML文档的所有元素，连同他们所包含的文本和属性。
  2. HTML DOM（文档对象模型）：当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树：                                                               

     

  3. 查找HTML元素：有三种方法来找到HTML中的元素                                                                                                                                                        (1)、通过id找到HTML元素：var x=document.getElementById("intro");                                                                                                                  (2)、通过标签名查找HTML元素（注意结果是数组）：var x=document.getElementById("main");
                                                          var y=x.getElementsByTagName("p");                                                                                                              (3)、通过类名查找HTML元素（注意结果是数组）：var x=document.getElementsByClassName("intro");
  4. HTML DOM改变HTML内容：　　                                                                                                                                                                                           (1)、改变HTML的输出流：document.write(） 可用于直接向 HTML 输出流写内容。                                                                                                     (2)、改变HTML内容：document.getElementById(id).innerHTML=new HTML                                                                                                               (3)、改变HTML的属性：document.getElementById(id).attribute=new value
  5. 改变HTML元素的样式：document.getElementById(id).style.property=new style
  6. JavaScript HTML DOM事件：
  • onclick(点击)
  • onunload(离开页面) 
  • onchange(内容改变，常结合对输入字段的验证来使用)
  • onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数
  • onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件

　　7. (未完待续。。。)