初识JavaScript

什么是javascript

javascript是一门面向对象的脚本语言

什么是脚本：不能独立运行的需要依赖其他程序运行的语言

例如:html只能在浏览器中运行,js必须嵌入到html中才能运行

javascript发展历史

布兰登·艾奇 js创作者（js之父）

他原先为网景公司员工。
Netscape做浏览器 , Netscape Navigator 在当时占据了很多市场份额 ，为75%的设备默认浏览器

1995年,他开始开发js，js可以直接在网页中运行,当时叫liveScript

网景公司面临巨头微软IE浏览器竞争：选择和另一家巨头SUN公司（开发了java的公司）合作。

为了蹭当时java热度：1995年12月liveScript改名为 javascript （实际上和java没有太多关系）

后续一直面临微软IE竞争，因为微软将IE浏览器免费提供给消费者。而且和操作系统捆绑IE浏览器

1997年网景公司年倒闭：将源码公开了（开源），现在的火狐浏览器

现在的js:

​ IE看到网景javascript成功，也开发类似语言JScript

​ 但对于开发者而言问题来了，开发一个网页需要写不同代码

​ 于是1997年 ECMA ( 欧洲计算机制造商协会 ) 统一了 制定了js规则

javascript能做什么

网页三大结构:

html------>结构 搭建网页结构

css------->样式 美化页面

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还可以实现人工智能【面部识别】
...

js组成

• ​ EcmaScript 基础语法
• ​ BOM 浏览器对象模型 浏览器相关
• ​ DOM 文档对象模型 操作html/css

js能如何在html中使用

1,新增script标签，在script标签内容中写js（内部引入 类比css内部样式表）

<script type="text/javascript">
	alert("hello javascript");
</script>
//type属性可以不写  type定义引入脚本的是js
//script最好写在body内容最后，代码从上往下运行，先运行html/css

2,新增script标签，通过scrip