l浏览器执行JS

浏览器执行js

1. 浏览器分成两部分：渲染引擎和js引擎

   • 渲染引擎：用来解析html与css，俗称内核，比如chrome浏览器的blink，老版本的webkit

   • js引擎：俗称js解析器。用来读取网页中的js代码，对其处理后运行，比如chrome浏览器的v8

   • 【注意】

     浏览器本身并不会执行js代码，而是通过内置javascript引擎来执行js代码。js引擎执行代码时逐行解释每一句源码，然后由计算机去执行，所以javascript语言归为脚本语言，回逐行解释执行

2. js的组成

   • ecmascript
     • javascript语法
     • 是由ecma国际进行标准化的一门编程语言，这种语言在万维网上应用广泛，他往往被称为javascript
   • dom
     • 页面文档对象模型
     • 通过dom提供的接口可以对页面上的各种元素进行操作（大小位置颜色）
   • bom
     • 浏览器对象模型
     • 通过bom可以操作浏览器窗口，比如弹出框，控制浏览器跳转，获取分辨率

3. 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代码量比较大的情况

4. 注释

   • 单行注释：//
   • 多行注释：/**/

5. javascript输入输出语句

   方法	说明	归属
   alert（msg）	浏览器弹出警示框	浏览器
   console.log(msg)	浏览器控制台打印输出信息	浏览器
   prompt(info)	浏览器弹出输入框，用户可以输入	浏览器