01.javaScript初始

js使得用户可以和页面进行交互（如定义鼠标效果）。如图片轮番、回顶部、二级导航。

1.js是什么

• js是世界上最流行的语言之一，是一种在运行在客户端的脚本语言
• 脚本语言：不需要编译；运行过程中由js解释器（引擎）逐行解释执行
• 下载也可用于后端，基于Node.js技术进行服务器端编程

2.发展历程

• 作者：布兰登-艾奇
• 1995年利用10天完成JavaScript设计，它当时的目的是为了验证表单输入的验证。因为在 JavaScript问世之前，表单的验证都是通过服务器端验证的。
• 网景公司最初命名为livescript，后来与sun公司合作后改名为js
• 后来有 3 种不同的 JavaScript 版本同时存在：NetscapeNavigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。这个语言标准化显然已经势在必行。
• 最终采用ECMScript作为js语言标准，简称ES，ECMA（欧洲计算机协会）会定期更新该语言。

3.浏览器执行如何执行js代码

浏览器分为两部分：

• 渲染引擎：用来解析html和css，俗称内核
• js引擎：js解释器；读取js代码；对其处理运行  //当浏览器遇到script标签，就会调用该引擎扫描代码

• 补充：面试必备（5个浏览器对应的内核）

4.ESCMAScript的兼容

• Web浏览器对es的兼容

2008 年，五大主流 Web 浏览器（IE、Firefox、Safari、Chrome 和 Opera）全部做到了与

ECMA-262兼容。 IE8 是第一个着手实现 ECMA-262 第 5 版的浏览器，并在 IE9 中提供了完整的支持。 Firefox 4 也紧随其后做到兼容。下表列出了 ECMAScript 受主流 Web 浏览器支持的情况。

5.js组成（校招笔试题）

虽然 JavaScript 和 ECMAScript 通常都被人们用来表达相同的含义，但 JavaScript 的含义却比 ECMA-262 中规定的要多得多。没错，一个完整的 JavaScript 实现应该由下列三个不同的部分组成

• ECMAScript：简称ES

1. js语法阶段非常重要
2. js学好了，才能对后面学习DOM、BOM、前端框架（vue、react、小程序的实现）、后端框架（node，egg）打好基础

• DOM：面向文档对象模型，处理可扩展标记语言的标准编程接口

1. 操作网页

• BOM：浏览器对象模型，独立于内容的，可以于浏览器窗口进行互动的对象结构。操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率

        要使用浏览器的功能（网页请求、缓存、计时器、历史记录）

6.js的引入方式

• 行内式的js。直接写到元素内部。指的是在元素”事件属性“中直接编写JavaScript或调用的函数

        <a href=''javaScript:console.log(680)''> 去不了百度</a>   //运行脚本

• 内嵌式的js。在html文件里面任何地方写script标签，浏览器遇到该标签就使用js引擎就运行标签里面的js代码

• 外部式的js。创建后缀名为 .js的文件

 

        注意：

        1、.js后缀文件里面不能再写html标签

         

         2、只会运行外部引入的js文件，不会运行脚本内部的代码