初识JavaScript
JavaScipt
简介
JavaScript ( JS ) 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web 页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，例如 Node.js、 Apache CouchDB 和 Adobe Acrobat。JavaScript 是一种基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
组成部分
- ECMAScript，描述了该语言的语法和基本对象。
- 文档对象模型（DOM），描述处理网页内容的方法和接口。
- 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。
历史
JavaScript组成
1.ECMAScript 【js标准】（兼容性100%） (类似于CoreJava，制定了基础的语法)
注释 //（单行） 、/**/（多行）
变量
操作符
流程控制语句
数组
对象
函数
正则表达式
…
2.DOM：Document Object Model文档对象模型
js操作html的api
是针对XML但经过扩展用于HTML的应用程序编程接口。DOM将整个页面映射成一个多节点结构。
var dom=document.getElementsByTagName(“input”);
var dom=document.getElementById(“input_name”);
dom.οnclick=function(){}
js语言：基础语法、基础库、扩展库（jQuery DOM库）
3.BOM：Browser Object Model 浏览器对象模型
js操作浏览器的api
- 开发人员可以使用BOM控制浏览器显示的页面以外的部分。
- 弹出新浏览器窗口；移动，缩放，关闭浏览器的功能；
- 提供浏览器详细信息的navigator对象; 提供浏览器所加载页面的详细信息的location对象；
- 提供用户显示器分辨率详细信息的screen对象；
- 对cookies的支持；
- 支持XMLHttpRequest,IE中的ActiveXObject自定义对象
alert( )/prompt( )/confirm( )
setInterval(),setTimeout()
XMLHttpRequest
Ajax
注意：只有ECMAScript是标准，也就是在绝大多数浏览器以及js解析器（node）中运行效果相同，但是DOM与BOM是各大浏览器厂商自己提供的API，在使用上大同小异，但是也可能会出现少许不兼容的情况
JavaScript特点
1.解释型语言
js -> nodejs(js解释器)
2.弱类型语言
变量的数据类型取决于值的数据类型
var a ;
a = 2; // a的数据类型为number
a = true; // a的数据类型为boolean
3.顺序解释执行
4.既可以作为前端脚本语言，也可以作为后端语言，取决于应用平台（浏览器/操作系统）和使用的框架（dom、jquery/http、mysql、file）
在网页中使用JavaScript
内部JavaScript
编写好HTML，在<head>标签体中添加
<script>元素，然后将js代码填写进来即可。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
alert('hello javascript')
</script>
</head>
<body>
</body>
</html>
外部JavaScript
单独新建一个后缀名为.js的js文件，编写好HTML文件，在<head>标签体内添加<script>元素，使用script标签的src属性将js文件导入进来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="hello.js"></script>
</head>
<body>
</body>
</html>
在body和head中使用JavaScript的区别
- 在body部分中的JavaScript会在页面加载的时候被执行，
- 在head部分中的JavaScript会在被调用的时候才执行。
浏览器解析html是从上到下的。如果把JavaScript放在head里的话，则先被解析，但这时候body还没有解析，所以会返回控制。一般都会绑定一个监听，当全部的html文档解析完之后再执行代码。
windows.onload = function(){
// 这里放执行的代码
}
这就说明了，如果我们想定义一个全局对象，而这个对象是页面中的某个按钮时，我们必须将其放入body中，如果放入head，那当你定义的时候，那个按钮都没有被加载，可能获得的是一个undefind。我们一般习惯将JavaScript放在body的最后面，类似last-child。
关键字与保留字
关键字:(在js中有特殊功能)
break do try typeof
case else new var
catch finally return void
continue for switch while
debugger this function with
default if throw instanceof
delete in
保留字：(将来可能成为关键字)
abstract enum int short
boolean export interface static
byte extends long super
char final native synchronized
class float package throws
const goto private transient
debugger double implements protected
volatile import public
1. 区分大小写
typeof 关键字， typeOf 非关键字
2.标识符
标识符指变量，函数，属性的名字或者函数的参数。
标识符是按照以下规则组合起来的一或多个字符：
- 字母，数字，下划线，$组成
- 只能以字母，下划线，$开头。
- 不能将关键字作为标识符。命名采用驼峰式命名
3.语句
每个语句以分号 ;结尾，如果省略分号 ;，由解析器确定语句的结尾，即分号 ;可以省略，但是我们要求每个语句的末尾都应该有分号;。
314
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
