码迷,mamicode.com
首页 > Web开发 > 详细

l浏览器执行JS

时间:2019-11-13 23:59:55      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:特殊   组成   文档   rom   开头   html标签   body   cli   读取   

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

l浏览器执行JS

标签:特殊   组成   文档   rom   开头   html标签   body   cli   读取   

原文地址:https://www.cnblogs.com/SSPOFA/p/11854096.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!