JavaScript和HTML、CSS的区别
- HTML：提供网页的结构，提供网页中的内容
- CSS: 用来美化网页
- JavaScript: 可以用来控制网页内容，给网页增加动态的效果
JavaScript的组成
JS的组成
- ECMAScript：JavaScript 的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。
- DOM：Document Object Model（文档对象模型），操作页面上的元素的API。DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作。比如让盒子移动、变色、改变大小、轮播图等等。
- BOM：Browser Object Model（浏览器对象模型），操作浏览器部分功能的API。通过BOM可以操作浏览器窗口，比如弹框、控制浏览器跳转、获取浏览器分辨率等等。
通俗理解就是：ECMAScript 是 JS 的语法；DOM 和 BOM 浏览器运行环境为 JS提供的API。
JavaScript 的特点
解释型语言
JavaScript 是解释型语言，不需要事先被翻译为机器码；而是边翻译边执行（翻译一行，执行一行）。
单线程
JavaScript 的单线程，也就是说，同一时间只能做一件事情，这与它的用途有关。作为浏览器脚本语言，JavaScript 的主要用途是与用户互动，以及操作 DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。
ECMAScript标准
ECMAScript是一种由 ECMA 国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）制定和发布的脚本语言规范。
JavaScript是由公司开发而成的，问题是不便于其他的公司拓展和使用。所以欧洲的这个ECMA的组织，牵头制定JavaScript的标准，取名为ECMAScript。
简单来说，ECMAScript不是一门语言，而是一个标准。ECMAScript 规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。
ECMAScript在2015年6月，发布了ECMAScript 6版本（ES6），语言的能力更强（也包含了很多新特性）。
JavaScript的书写位置
行内式
写在行内，如：
<input type="button" value="按钮" onclick="alert('Hello World')" />
我们可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），比如放在上面的 onclick点击事件中。但是这种书写方式，不推荐使用，可读性差，尤其是需要编写大量 JS代码时，容易出错；引号多层嵌套时，也容易出错。
写在script标签中
js可以写在script标签中，如：
<head>
<script type=”text/javascript”>
alert('Hello World!');
</script>
</head>
text表示纯文本，因为JavaScript也是一个纯文本的语言。可以将多行JS代码写到 <script> 标签中。
写在外部js文件中
js写在外部js文件中，然后在引入在使用js的页面中，如：
<script src="main.js"></script>
需要注意的是，引用外部js文件的script标签中不可以写JavaScript代码
网友评论