开发工具与关键技术:认识与简单使用JavaScript
作者:梁文杰
撰写时间:2019年月日
认识JavaScript
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添 加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通 过嵌入在HTML中来实现自身的功能的
特点
- 解释性脚本语言。
- 主要用来向HTML页面添加交互行为。
- 可直接嵌入HTML页面,但是如果写成单独的JS文件更有利于结构和行为的分离。
- 跨平台特性,绝大多数浏览器都支持,可以在多种平台下运行(如:Windows、Linux、Mac、Android、IOS等)。
JavaScript由三部分组成:
- ECMAScript(3/5/6/7/8)它是JavaScript语言的标准,规定JavaScript的编程语法和基础核心知识。
- DOM:(document object model)文档对象模型,提供给JavaScript很多操作页面中元素的属性和方法。
- BOM:(browser object model)浏览器对象模型,提供了很多操作浏览器的属性方法,而这些方法都存放在window浏览器对象上。
ECMAScript的支持情况:
ES5:主流浏览器都支持。
ES6(ES2015):主流浏览器都支持绝大多数功能。
ES7(ES2016):主流浏览器的新版本部分支持。
ES8(ES2017):主流浏览器的新版本部分支持。
使用JavaScript-JS嵌入到HTML
HTML中的JS脚本必须位于标签之间。
举个例子:
注意:如果存在多个script标签,是按照代码块顺序来执行的,代码块间相互独立,但变量和方法共享。
PS:在HTML5规范中,script的type属性默认是text/javascript,所以可以省略;但是在HTML 4.01和XHTML 1.0规范中,type属性是必须的。
了解常用的DOCTYPE声明:
HTML 5:</DOCTYPE html>
HTML 4.01Strict:该DTD包含所有HTML元素和属性,但不包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。
HTML 4.01Transitional:该DTD包含所有HTML元素和属性,包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。
HTML 4.01Frameset:该DTD等同于HTML 4.01Transitional,但允许框架集内容。
XHTML 1.0Strict:该DTD包含所有HTML元素和属性,但不包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。必须以格式正确的XML来编写标记。
XHTML 1.0Transitional:该DTD包含所有HTML元素和属性,包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。必须以格式正确的XML来编写标记。