初学JavaScript总结

0 JavaScript

html完成了架子，css做了美化，但是网页是死的，需要给他注入灵魂，所以接下来需要学习JavaScript，这门语言会让页面能够和用户进行交互。JavaScript又称为脚本语言，可以通过脚本实现用户和页面的交互。

1 引入方式

两种引入方式：

1. 内部脚本，将js代码定义在html页面中
2. 外部脚本，将js代码定义在外部js文件中，然后引入html页面中

 2 基础语法

 3 函数

4 JavaScript对象

4.1数组

4.2 String对象

4.3 JSON对象

1.自定义对象格式

var 对象名 = {
    属性名1: 属性值1, 
    属性名2: 属性值2,
    属性名3: 属性值3,
    函数名称: function(形参列表){}
};

2.使用自定义对象

对象名.属性名

3.调用函数

对象名.函数名()

举例：

5 JavaScript事件

什么是事件呢？HTML事件是发生在HTML元素上的 “事情”，例如：

• 按钮被点击

• 鼠标移到元素上

• 输入框失去焦点

• ........

  而我们可以给这些事件绑定函数，当事件触发时，可以自动的完成对应的功能。这就是事件监听。例如：对于我们所说的百度注册页面，我们给用户名输入框的失去焦点事件绑定函数，当我们用户输入完内容，在标签外点击了鼠标，对于用户名输入框来说，失去焦点，然后执行绑定的函数，函数进行用户名内容的校验等操作。JavaScript事件是js非常重要的一部分，接下来我们进行事件的学习。那么我们对于JavaScript事件需要学习哪些内容呢？我们得知道有哪些常用事件，然后我们得学会如何给事件绑定函数。所以主要围绕2点来学习：

  • 事件绑定

  • 常用事件

     5.1 事件绑定

    js提供了2种事件绑定的方式：

    1. 通过html标签中的事件属性进行绑定
    2. 通过DOM中的Element元素的事件属性进行绑定

     5.2 常见的事件

    事件属性名	说明
    onclick	鼠标单击事件
    onblur	元素失去焦点
    onfocus	元素获得焦点
    onload	某个页面或图像被完成加载
    onsubmit	当表单提交时触发该事件
    onmouseover	鼠标被移到某元素之上
    onmouseout	鼠标从某元素移开

    6 总结

    JavaScript基础语法不难，上手容易，但要深入进阶学习并不容易，想要进一步学习，需要多看文档，多实践练习，多看经典书籍。编程之路漫漫，我们相互勉励，前行。