前端开发基础入门篇-——JavaScript

1. JavaScript 简介

• HTML：它是整个网站的骨架。

• CSS：它是对整个网站骨架的内容进行美化(修饰)

• Javascript：它能够让整个页面具有动态效果。

    JavaScript 是脚本语言， 也是一种轻量级的编程语言，可插入 HTML 页面的编程代码，可由所有的现代浏览器执行。

2. Javascript 的组成部分

• ECMAScript：它是整个 Javascript 的核心，包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等)。

• DOM：文档对象模型，包含(整个 html 页面的内容)

• BOM：浏览器对象模型,包含(整个浏览器相关内容)。
  

 3. javascript 语法

• javascript 的变量

        1）变量尽可能使用描述性更好的名称（比如 age, sum, total，volume）。

        2）变量必须以字母开头。

        3）变量也能以 $ 和 _ 符号开头。

        4）变量名称对大小写敏感（y 和 Y 是不同的变量）。

• javascript 数据类型

        Javascript 数据类型分为原始数据类型和引用数据类型。

        1）原始数据类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

        2）引用数据类型：对象(Object)、数组(Array)、函数(Function)

• javascript 运算符

    注意：1）== 它在做比较的时候会进行自动转换。=== 它在做比较的时候不会进行自动转换。

            2）加法与连接：加法是两个数字相加。连接是两个字符串连接。

• JavaScript 语句标识

• JavaScript 函数语法

function functionname()
{
    // 执行代码
}

    当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。在调用函数时，可以向其传递值，这些值被称为参数。可以发送任意多的参数，由逗号 (,) 分隔。有时，我们会希望函数将值返回调用它的地方。通过使用 return 语句就可以实现。在使用 return 语句时，函数会停止执行，并返回指定的值。

javascript:void(0) 中最关键的是 void 关键字， void 是 JavaScript 中非常重要的关键字，该操作符指定要计算一个表达式但是不返回值。

4. javascript 的引入方式

• 内部引入方式

    直接将 javascript 代码写到<script type=”text/javascript”></script>

• 外部引入方式

    需要创建一个.js 文件，在里面书写javascript 代码，然后在html 文件中通过script，标签的 src 属性引入该外部的 js 文件。

5. JavaScript 事件

    当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

• 常见的HTML事件

. BOM 对象

• Window 对象

  常用的Window对象方法：
  

    setInterval():它有一个返回值，主要是提供给 clearInterval 使用。

    setTimeout():它有一个返回值，主要是提供给 clearTimeout 使用。

    clearInterval():该方法只能清除由 setInterval 设置的定时操作

    clearTimeout():该方法只能清除由 setTimeout 设置的定时操作

• Location 对象

        常用的Location对象属性：

• History 对象

        History 对象包含用户（在浏览器窗口中）访问过的 URL。常用的History 对象方法：