浏览器分成两部分: 渲染引擎和 JS 引擎
渲染引擎: 用来解析 html 与 CSS, 俗称内核, 比如 Chrome 浏览器的 blink, 老版本的 webkit
JS 引擎: 俗称 JS 解析器. 用来读取网页中的 JS 代码, 对其处理后运行, 比如 Chrome 浏览器的 V8
[注意]
浏览器本身并不会执行 JS 代码, 而是通过内置 JavaScript 引擎来执行 JS 代码. JS 引擎执行代码时逐行解释每一句源码, 然后由计算机去执行, 所以 JavaScript 语言归为脚本语言, 回逐行解释执行
JS 的组成
ECMAScript
JavaScript 语法
是由 ECMA 国际进行标准化的一门编程语言, 这种语言在万维网上应用广泛, 他往往被称为 JavaScript
DOM
页面文档对象模型
通过 DOM 提供的接口可以对页面上的各种元素进行操作 (大小位置颜色)
BOM
浏览器对象模型
通过 BOM 可以操作浏览器窗口, 比如弹出框, 控制浏览器跳转, 获取分辨率
JS 书写位置
行内
<input type="button" value="Hello" onclick="alert('World')" />
可以将单行或少量 JS 代码写在 HTML 标签的时间属性中 (以 on 开头的属性), 如: onclick
注意单双引号的使用; 在 HTML 中我们推荐使用双引号, JS 中我们推荐使用单引号
可读性差, 在 HTML 中编写 JS 大量代码时, 不方便阅读
引号易错, 引号多层嵌套, 非常容易弄错
特殊情况下使用
内嵌
- <script>
- alert('Hello World');
- </script>
可以将多行 JS 代码写到 < script> 标签中
内嵌 JS 是学习是常用的方式
外部
- <script src="js 代码路径">
- </script>
利与 HTML 页面代码结构化, 把大段 JS 代码独立到 HTML 页面之外, 既美观, 也方便文件级别的复用
引用外部 JS 文件的 script 标签中间不可以写代码
适合于 JS 代码量比较大的情况
注释
单行注释://
多行注释:/**/
JavaScript 输入输出语句
方法 | 说明 | 归属 |
---|---|---|
alert(msg) | 浏览器弹出警示框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |
来源: http://www.bubuko.com/infodetail-3286771.html