欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

l浏览器执行JS

程序员文章站 2022-05-09 17:14:27
浏览器执行JS 1. 浏览器分成两部分:渲染引擎和JS引擎 渲染引擎:用来解析HTML与CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit JS引擎:俗称JS解析器。用来读取网页中的JS代码,对其处理后运行,比如chrome浏览器的V8 【注意】 浏览器本身并不会执行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) 浏览器弹出输入框,用户可以输入 浏览器