一、初识JavaScript

1、JavaScript是什么

javascript是一种运行在客户端的脚本语言（Script是脚本的意思）。

脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行。
现在也可以基于Node.js技术进行服务器端编程。

2、JavaScript的作用

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

3、HTML/CSS/JS的关系

3.1 HTML/CSS标记语言—描述类语言

HTML决定网页结构和内容（决定看到什么），相当于人的身体
CSS决定网页呈现给用户的模样（决定好不好看），相当于给人穿衣服、化妆

3.2 JS脚本语言—编程类语言

实现业务逻辑和页面控制（决定功能），相当于人的各种动作。

4、浏览器执行JS简介

浏览器分成两部分，分别是渲染引擎和JS引擎

4.1 渲染引擎

用来解析HTML和CSS，俗称内核，比如chrome浏览器的blink,老版本的webkit。

4.2 JS引擎

也称为JS解释器，用来读取网页中的JavaScript代码，对其处理后运行，比如chrome浏览器和V8

4.3 相关解释

浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎（解释器）来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。

5、JS的组成

5.1 JavaScript语法

ECMAScript

ECMAScript是由ECMA国际进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展。

5.2 页面文档对象类型

DOM————文档对象模型

文档对象模型是W3C组织推荐的处理可扩展标记语言的标准编程接口。
通过DOM提供的接口可以对页面上的各种元素进行操作（大小，位置，颜色等）。

5.3 浏览器对象模型

BOM————浏览器对象模型

BOM是指浏览器对象模型，它提供了独立于内容的，可以与浏览器窗口进行互动的对象结构，通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

6、JS三种书写位置

JS有3种书写位置，分别为行内、内嵌和外部

6.1 行内式

（1）行内式的js，直接写到元素的内部

 <input type="button" value="xxxxx" onclick="alert('xxx')">

（2）可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick
（3）注意单双引号的使用：在HTML中推荐使用双引号，JS中我们推荐使用单引号
（4）可读性差，在html中编写JS大量代码时，不方便阅读
（5）引号易错，引号多层嵌套匹配时，容易弄混
（6）特殊情况下使用

6.2 内嵌式

（1）可以将多行JS代码写到script标签中
内嵌JS是学习时常用的方式

（2）示例

 <script>alert('沙漠骆驼');</script>

6.3 外部

（1）利用HTML页面代码结构化，把大量JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
（2）引用外部JS文件的script标签中间不可以写代码
（3）适合于JS代码量比较大的情况

（4）示例

<script src="my.js"></script>     //外部js script 双标签

my.js里的内容

 alert('xxxxx')

7、JS注释

7.1 单行注释

 快捷键：ctrl + /

    表示方式： //

7.2 多行注释

 快捷键：shift + alt + avscode中修改多行注释的快捷键： ctrl + shift + /

    表示方式：/* 内容  */

JavaScript之javascript概述相关推荐

【前端系列教程之JavaScript】01_JavaScript概述和引入方式
JavaScript概述 JavaScript可以做什么页面的各种动画效果页面的点击/移入响应对客户端数据进行验证各种页面小游戏用途总结嵌入动态文本于HTML页面. 对浏览器事件做出响应( ...
JavaScript (八) -- JavaScript BOM
目录 1. JavaScript BOM的概述: 2. Window 对象(浏览器窗口对象) 2.1 Window 对象的调用方式:
php javascript对象,JavaScript 对象
JavaScript 对象 JavaScript 对象是拥有属性和方法的数据. 真实生活中的对象,属性和方法真实生活中,一辆汽车是一个对象. 对象有它的属性,如重量和颜色等,方法有启动停止等: 对象 ...
JavaScript（三）—— JavaScript 函数/JavaScript 作用域/JavaScript 预解析/JavaScript 对象
本篇为 JavaScript 系列笔记第三篇,将陆续更新 JavaScript(一)-- 初识JavaScript/注释/输入输出语句/变量/数据类型 JavaScript(二)-- JavaScri ...
精通javascript、javascript语言精粹读书笔记
于是选择两本书做最后的冲刺: 精通javascript(jquery之父著作),javascript语言精粹.希望我也能成为一个javascript的好手. Dom Elements的属性精通jav ...
JavaScript 59 JavaScript 常见错误
JavaScript 文章目录 JavaScript 59 JavaScript 常见错误 59.1 意外使用赋值运算符 59.2 期望松散的比较 59.3 令人困惑的加法和级联 59.4 令人误解的 ...
JavaScript 30 JavaScript 日期格式
JavaScript 文章目录 JavaScript 30 JavaScript 日期格式 30.1 JavaScript 日期输出 30.2 JavaScript ISO 日期 30.3 ISO 日 ...
JavaScript 入门教程||javascript 简介||JavaScript 用法
javascript 简介 JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScrip ...
【读书笔记】【WebKit技术内幕（三）】GPU硬件加速渲染、canvas与WebGL、 JavaScript与JavaScript 引擎、JavaScriptCore与V8
文章目录前言 Something great 第8章硬件加速机制硬件加速基础 -- *** Chromium的硬件加速机制 -- *** 其他硬件加速模块第9章 JavaScript引擎 Ja ...
JavaScript 71 JavaScript JSON 71.9 JSON 服务器
JavaScript 文章目录 JavaScript 71 JavaScript JSON 71.9 JSON 服务器 71.9.1 发送 Data 71.9.2 接收 Data 71.9.3 来自服 ...

JavaScript之javascript概述