JavaScript基础语法

•  HTML  标记语言

• JavaScript  编程语言

 

前言

---

1、1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器--只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。

2、1995年Sun公司将Oak语言改名为Java，正式向市场推出。Sun公司大肆宣传，许诺这种语言可以"一次编写，到处运  行"(Write Once, Run Anywhere)，它看上去很可能成为未来的主宰。

3、网景公司动了心，决定与Sun公司结成联盟, 后来验证java在浏览器客户过于臃肿，适合服务端开发。

4、34岁的系统程序员Brendan Eich登场了。1995年4月，网景公司录用了他,他只用10天时间就把Javascript设计出来了。（多态语言）

5、1996年8月，微软模仿JavaScript开发了一种相近的语言，取名为JScript

6、1996年11月，Netscape公司决定将JavaScript提交给国际标准化组织ECMA  （European Computer Manufacturers Association 欧洲计算机制造商协会），希望JavaScript能够成为国际标准，以此抵抗微软。

7、1997年7月，ECMA组织发布262号标准文件（ECMA-262）的第一版，规定了浏览器 脚本语言的标准，并将这种语言称为ECMAScript。这个版本就是ECMAScript 1.0版。

8、ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。在日常场合，这两个词是可以互换的。

 

 JavaScript能干什么？

---

1、常见的网页效果【表单验证，轮播图。。。】
2、与H5配合实现游戏【水果忍者： http://www.jq22.com/demo/html5-fruit-ninja/】
3、实现应用级别的程序【http://naotu.baidu.com】
4、实现统计效果【http://echarts.baidu.com/examples/】
5、地理定位等功能【http://lbsyun.baidu.com/jsdemo.htm#i4_5】
6、在线学编程【https://codecombat.163.com/play/】
7、js可以实现人工智能【面部识别】
8、。。。

 

 JavaScript的组成

---

1、ECMASCRIPT: 定义了javascript的语法规范,描述了语言的基本语法和数据类型
2、BOM (Browser Object Model): 浏览器对象模型
  - 有一套成熟的可以操作浏览器的 API，通过 BOM 可以操作浏览器。比如： 弹出框、浏览器跳转、获取分辨率等
3、DOM (Document Object Model): 文档对象模型
  - 有一套成熟的可以操作页面元素的 API，通过 DOM 可以操作页面中的元素。比如： 增加个 div，减少个 div，给div 换个位置等

 总结： JS 就是通过固定的语法去操作 浏览器 和 标签结构 来实现网页上的各种效果

 

JavaScript代码的书写位置

---

- 和 css 一样，我们的 js 也可以有多种方式书写在页面上让其生效
- js 也有多种方式书写，分为 行内式， 内嵌式，外链式

 

行内式 JS 代码（不推荐）

• 写在标签上的 js 代码需要依靠事件（行为）来触发