l浏览器执行JS

Posted 2020-11-23 小咸鱼|大梦想

浏览器执行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)	浏览器弹出输入框，用户可以输入	浏览器