JavaScript基础-引入

JavaScript简介

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

1.JavaScript分为三个部分：

ECMAScript 标准 ES3 ES5 ES6/ES2015 ES7 ES2017 ES2018
DOM（document object model 文档对象模型）
BOM （browser object model 浏览器对象模型）

2.历史版本

• 1998年6月，ECMAScript 2.0版发布。
• 1999年12月，ECMAScript 3.0版发布，成为JavaScript的通行标准，得到了广泛支持。
• 2007年10月，ECMAScript 4.0版草案发布，对3.0版做了大幅升级，预计次年8月发布正式版本。草案发布后，由于4.0版的目标过于激进，各方对于是否通过这个标准，发生了严重分歧。以Yahoo、Microsoft、Google为首的大公司，反对JavaScript的大幅升级，主张小幅改动；以JavaScript创造者Brendan Eich为首的Mozilla公司，则坚持当前的草案。
• 2008年7月，由于对于下一个版本应该包括哪些功能，各方分歧太大，争论过于激进，ECMA开会决定，中止ECMAScript 4.0的开发，将其中涉及现有功能改善的一小部分，发布为ECMAScript 3.1，而将其他激进的设想扩大范围，放入以后的版本，由于会议的气氛，该版本的项目代号起名为Harmony（和谐）。会后不久，ECMAScript 3.1就改名为ECMAScript 5。
• 2009年12月，ECMAScript 5.0版正式发布。Harmony项目则一分为二，一些较为可行的设想定名为JavaScript.next继续开发，后来演变成ECMAScript 6；一些不是很成熟的设想，则被视为JavaScript.next.next，在更远的将来再考虑推出。
• 2011年6月，ECMAscript 5.1版发布，并且成为ISO国际标准（ISO/IEC 16262:2011）。
• 2013年3月，ECMAScript 6草案冻结，不再添加新功能。新的功能设想将被放到ECMAScript 7。
• 2013年12月，ECMAScript 6草案发布。然后是12个月的讨论期，听取各方反馈。
• 2015年6月17日，ECMAScript 6发布正式版本，即ECMAScript 2015。
• ECMA的第39号技术专家委员会（Technical Committee 39，简称TC39）负责制订ECMAScript标准，成员包括Microsoft、Mozilla、Google等大公司。TC39的总体考虑是，ES5与ES3基本保持兼容，较大的语法修正和新功能加入，将由JavaScript.next完成。

3.引入方式

• 内联
  以HTML标签属性的方式加入JS

<button onclick="alert('hello world!')">

• 内嵌
  在HTML中使用Script标签引入JS代码
  注意： 理论上说位置没有严格限制，很多人会放到head标签中（为了外部文件CSS与JS都放到一起），推荐放到</body>结束标签之前。

<script>
  alert('你好，世界！')
</script>

• 外部引入
  注意： CSS引入外部文件的时候用的是href属性，JS用的是src属性。

<script src="js/01.js"></script>

4.后缀名

.js

5.注释

单行注释： //...
多行注释： /*...*/

6.分号

每一行结束语句应该在后边加分号，表示语句的结束，但JS语法比较松散，分号可以加也可以不加，换行以后解释器自动认为是一个新的语句。

输出方式

• alert()
• document.write('...')
• document.title="..."
• console.log('hello')

获取元素

• 通过ID获取元素

document.getElementById('id值')

例：

document.getElementById('btn').onclick=function(){}

绑定事件

• onclick点击事件

document.getElementById('btn').onclick=function(){'btn 被点击了'}

• onmouseover鼠标移入

document.getElementById('btn').onmouseover=function(){'鼠标移入了 btn'}

变量

JS是弱类型（动态类型）语言，变量是什么值，取决于给它赋的值的类型，是动态的可以改变的。

var a=1
var b='wally'

命名规范：
1. 不能使用关键字作为变量名， 如： var function…
2. 不能以数字开头，如： var 3th
3. 可以以英文字母、_、$开头，后边不可以有特殊字符，可以是英文字母、数字、_、$，如：btn_link、$btn、_btn3
4. 推荐驼峰命名法，从第二个单词开始，每个单词的首字母大写，如：btnClick、redLinkBtn

数据类型

1.基本数据类型

String 字符串
Number 数字类型
Boolean 布尔类型
undefined
null

2.对象Object

• typeof
  检测数据类型的方法
• String
  在引号里的东西都是string，单引双引都可以，但是一定要配对

var a='123'
var b="wally"
var e="true"

• Boolean
  true 真
  false 假

var c=true
alert(typeof c)

var d=false
alert(typeof d)

• Number

var f=1
alert(typeof f)

var g=0.123
alert(typeof g)

• undefined
  变量声明，但是没有赋值就是undefined

var h;
alert(typeof undefined)

• null
  空的对象
  typeof null得到的是object，比较特殊，需要记住

var i=null
alert(typeof i)
alert(typeof null)