javascript的概念

一、了解JavaScript

页面中所有的动态效果或动态交互基本上都是基于JavaScript来实现的

1.      页面的各种动态效果

2.      对用户操作的响应

3.      对客户端数据进行验证

4.      各种页面小游戏等等

为什么JavaScript非常值得我们学习吗？

类似于JavaScript的语言有很多,比如: 微软推出的JScript，CEnvi推出的 ScriptEase；

1. 所有主流浏览器都支持JavaScript(支持程度广)。

2. 目前，全世界大部分网页都使用JavaScript (使用范围广)。

3. 它可以让网页呈现各种动态效果，做为一个Web开发师，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具 (功能强大)。

4.易学性，学习环境无外不在，只要有文本编辑器，就能编写JavaScript程序。它是基于Java简化设计而来  (简单易用)

浏览器大战，指不同的网络浏览器之间的市场份额竞争。常用来指以下两组竞争：第一组是20世纪时微软公司的InternetExplorer取代了网景公司的Netscape Navigator主导地位，这场大战甚至引发了美国诉微软案官司。第二组为2003年后Internet Explorer份额遭其他浏览器蚕食，包括Mozilla Firefox，Google Chrome，Safari和Opera。

在1995年以前，网景是互联网浏览器的绝对标准，因为虽然它的正式版本要收费，但是评估版是随便下载而且免费的。尽管微软从1995年8月开始发布IE 1.0，但真正惊动市场的是1997年10月份发布的IE 4.0浏览器。这一款浏览器比网景更好的遵循了World Wide Web Consortium (W3C)提出的互联网标准，并能够提供一些诸如MP3播放之类的功能。自此以后，IE破竹之势一发不可收拾，再加上微软巨大的财力、人力后盾，网景终于在1998年以48亿美元的价格出售给了AOL公司。而后，网景被AOL变成了它ISP业务的门面，网景浏览器的核心团队至此已经全部离队。于是，第一回合微软大胜。

1998年网景公开了它的浏览器源码，并重新命名为Mozilla，全部程序进行了重写。

二、JavaScript的概念  (*****核心重点*****)

脚本语言通常是解释运行而非编译。脚本语言通常都有简单、易学、易用的特性。

编程语言是先编译后运行；

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言(JavaScript是基于客户端浏览器的，不依赖于服务器)，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

JavaScript是因特网上最流行的脚本语言，它存在于全世界所有 Web 浏览器中，能够增强用户与 Web 站点和 Web 应用程序之间的交互  (动态交互)。

JS是弱类型语言,没有类型声明,它的变量不必具有一个明确的类型。

JS是解释性脚本语言，不需要编译，直接解释给客户端浏览器并运行；

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言,可广泛用于PC、笔记本电脑、平板电脑和智能手机等设备   (跨平台)。

三、JavaScript的历史

在1995年时，由Netscape(网景)公司的Brendan Eich(布兰登·艾奇)，在网景导航者浏览器上首次设计实现而成。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

ECMA:中文称欧洲计算机制造联合会 ;这个组织的目标是评估，开发和认可电信和计算机标准。

四、JavaScript的特点 (重点)

简单性：它是基于Java简化设计而来，变量类型采用的是弱类型

安全性：JS不允许访问本地硬盘，不能将数据存入到服务器上，只是通过浏览器实现信息浏览或动态交互，从而有效的防止数据的丢失。

动态性：JS可以实现动画效果以及动态交互；

跨平台性：JS依赖于浏览器本身，与操作环境无关。只要能运行浏览器的计算机，并安装了支持JS的浏览器就可以正确执行，从而实现了“编写一次，走遍天下”的梦想。

五、JavaScript的组成部分

JavaScript是ECMAScript、文档对象模型（document object model:DOM）、浏览器对象模型（browerobject model:BOM）由三部分构成，其核心是ECMAScript。

ECMAScript是描述了该语言的语法和基本对象；

DOM 描述了处理网页内容的方法和接口，通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性，可以对其中的内容进行修改和删除，同时也可以创建新的元素  (dom可以操作标签内容，标签属性，标签本身，标签样式)     

BOM 描述了与浏览器进行交互的方法和接口，BOM提供了独立于内容而与浏览器窗口进行交互的对象，例如可以移动，调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器，操作系统与用户屏幕信息的navigator与screen对象。

六、JavaScript的引入方式

第一种: 行内引入方式

<开始标签 on+事件类型=“js代码”></结束标签>

行内引入方式必须结合事件来使用，但是内部js和外部js可以不结合事件

第二种: 内部引入方式

在head或body中，定义script标签，然后在script标签里面写js代码

<script>

Js代码

</script>

第三种: 外部引入方式

定义外部js文件(.js结尾的文件)

<scripttype="text/javascript" src="demo.js"></script>

注:

1. script标签一般定义在head或body中

2. Script标签要单独使用，要么引入外部js，要么定义内部js，不要混搭使用

外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复用性高等特点

七、Hello JavaScript

课间练习:

使用行内、内部、外部分别实现Hello JavaScript

4、编码：

       在页面上输出：我是乐橙谷的学员，正在学习HTML5的课程。

5、编码：

       在信息提示框显示：我是乐橙谷的学员，正在学习HTML5的课程。

八、扩展知识讲解

click              鼠标单击事件，当我们鼠标单击元素的时候，执行对于的js代码

alert(任意数据类型的参数)        带一条消息(参数)和确定按钮的弹出框

document.write()      向页面文档写入指定内容；参数里面的内容输出在body中

可以带标签输出，属性等都可以带

九、JavaScript注释及注意事项

单行注释       //单行注释内容

多行注释       /*多行注释内容*/

文档注释       /**  文档注释内容      */