JS简介

• 概念：一种运行在客户端（浏览器）的编程语言

• 作用

  • 网页特效
  • 表单验证
  • 数据交互
  • 服务端编程（node.js）

• 组成

  • ECMAscript
  • DOM
  • BOM

• 书写位置

  • 外部：引用.js文件

  <script src="./my/my.js"></script>
  

  • 内部：写在</body>前
  • 内联：

  <button onclick="alert('hi')">hi</button>
  

初识JavaScript

执行JS过程

浏览器分成渲染引擎和JS引擎

• 渲染引擎：用来解析HTML与CSS，俗称内核，如chrome的blink和老版本的webkit
• JS引擎：也成为JS解释器，用来读取网页中的JavaScript代码，对其处理后运行，如chrome浏览器的V8

JavaScript是解释型语言 逐行解释

JS的组成

• JavaScript语法
  • ECMAScript标准：规定了JS的基础语法
• DOM： Document Object Model 页面文档对象模型
  • DOM操作：对元素的操作
• BOM： Browser Object Model 浏览器对象模型
  • BOM操作：对浏览器的操作

JS初体验

JS有3种书写位置

• 行内

  <!-- 直接写到元素内部 -->
  <input typr="button" value="tbh" onclick="alert('error')">
  

• 内嵌

  <script>
  	alert('alert');
  </script>
  

• 外部

  alert('alert');