一、JavaScript简介
JavaScript诞生于1995年,当时,它的主要目的是处理以前由服务器语言(如perl)负责的一些输入验证操作,而在它诞生之前必须把表单数据发送到服务器才能确定用户的填写规范,自此,JavaScript成了浏览器的必备特色功能,如今的JavaScript具备了于浏览器窗口及其内容等几乎所有方面交互的能力,他已经成为了一门功能全面的编程语言,能够处理复杂的计算和交互,拥有了闭包、匿名函数,甚至元编程等特性。
实现:
一个完整的JavaScript实现由ECMAScript、DOM、BOM三个不同的部分组成。
ECMAScript(核心语言功能): ECMA-262定义的ECMAScript与Web浏览器没有依赖关系,它规定了这门语言的七个部分:语法、类型、语句、关键字、保留字、操作符、对象。它的版本:
ES6(2015年) | ||
ES5(2009年12月3日) | 力求澄清第三版中已知歧义,并添加新功能。包括原生JSON对象(用于解析和序列化JSON数据)、继承的方法和高级属性定义,还包含了一种严格模式,对ECMAScript引擎解释和执行代码进行了补充说明。 | |
ES3 |
修改内容涉及字符串处理、错误定义和数值输出。新增了对正则表达式、新控制语句、try-catch异常处理的支持 | |
ES1 | 本质上与Netscape的JavaScript1.1相同,删除了针对浏览器的代码并支持Unicode标准(支持多语言开发),而且对象也与平台无关 |
DOM(文档对象模型)Document Object Model是针对XML但经过扩展用于HTML的应用程序编程接口(Application Programming Interface),这样开发人员可以轻松自如的删除、添加、替换或修改任何节点。
DOM级别:DOM1级由DOM核心(DOM Core)和DOM HTML组成,1998年10月成为W3C标准,主要目标是映射文档结构,DOM2级扩充了(DHTML一直都支持)鼠标和用户界面事件、范围、遍历(迭代DOM文档的方法)等细分模块,而且通过对象接口增加了对CSS(Cascading Style Sheets 层叠样式表)支持,
BOM(浏览器对象模型)Browser Object Model,开发人员使用BOM可以控制浏览器显示的页面以外的部分。
二、在HTML中使用JavaScript
在不适用defer和async属性的情况下,所有<script>元素都会按照它们在页面出现的顺序依次被解析。
方式:
向HTML页面中插入JavaScript的主要方法就是使用<script>元素,有两种方式:内嵌:
<script type="text/javascript">
function(){
alert("Hello");
}
</script>
外部引用:
<script type="text/javascript" src="index.js"></script>
通过src属性还可以包含来自外部域的文件,但不应该在script标签之间再包含额外的JavaScript代码,如果包含了嵌入代码,则只会下载执行外部脚本文件,嵌入代码会被忽略。
位置:
为了避免加载过多js影响页面加载速度,一般会把JavaScript引用放在<body>元素中页面内容的后面。
嵌入代码与外部文件:
虽然没有必须使用外部文件的规定,但使用外部文件可以有如下优点:可维护性强,可缓存,适应未来(HTML和XHTML包含外部文件的语法是相同的)。
三、基本概念
四、
五、
六、
七、
八、
九、
十、
十一、
十二、
十三、
十四、
十五、
十六、
十七、
十八、
十九、
二十、
二十一、
二十二、
二十三、
二十四、
二十五、