JavaScript的简单了解

JavaScript

1. 编程语言与标记语言的区别

• 标记语言（html/css）：不用于向计算机发出指令，常用语格式化和链接，是用来被读取，是被动的。
• 编程语言（js）：有很强的逻辑和行为能力，是主动的。

2. js

###2.1 浏览器执行js

• 浏览器分为渲染引擎和js引擎

• 渲染引擎：解析html和css，俗称内核，如Chrome的blink，老版本的webkit

• js引擎：即js解释器，用来读取网页中js的代码，将其处理后运行，如Chrome的V8

  注：浏览器本身并不会执行js代码，而是通过内置的js引擎来执行js代码

2.2 组成

• ECMAScript——js语法
• DOM——页面文档对象模型 标准编程接口 可对页面的各元素操作
• BOM——浏览器对象模型 对浏览器窗口进行操作

2.3 三种书写方法

• 行内式

  • 例

    <input type="button" value="点我试试" onclick="alert('Hello 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代码大的情况

2.4 作用

• 表单的动态验证（密码强度检测）——产生的最初目的
• 网页特效
• 服务端开发（Node.js）
• 桌面程序（Electron）
• App（Cordova)
• 控制硬件——物联网（Ruff）
• 游戏开发（cocos2d-js）

2.5 注释

与c的注释相同

1. 单行注释——//
2. 多行注释——/**/

2.6 输入输出语句

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