JavaScript基础

一、初识JavaScript

目录

一、初识JavaScript

1、JavaScript是什么？

2、JavaScript的作用

3、HTML、CSS和JavaScript的关系

4、JavaScript的由来

4.1  JavaScript和Java的关系

4.2 JavaScript的历史 

4.3 JavaScript和ECMAScript的关系

5.JavaScript由哪几部分组成

 6.浏览器引擎

6.1 渲染引擎

6.2 JS引擎

7.JavaScript引入的三种方法 

8. JavaScript注释

9.输入输出语句 

 10.进制转换

11.弹出框 

---

1、JavaScript是什么？

        1.1  JS是web开发领域功能强大的编程语言（脚本语言），不需要配置环境，浏览器可以直接运行。

        1.2  JS是一门弱类型或动态语言。

• 弱类型：声明变量，并不知道是什么类型，由赋值来决定。
• 动态语言：同一变量，可以存不同类型的值。

2、JavaScript的作用

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

3、HTML、CSS和JavaScript的关系

• HTML    结构    用语义化的角度来描述页面
• CSS      样式    用审美的角度来美化页面
• JS         交互     从交互的角度提升用户体验

        HTML和CSS是标记语言（描述性语言），JS是脚本语言（编程类语言）

4、JavaScript的由来

4.1  JavaScript和Java的关系

• JavaScript和Java没有关系，纯蹭热度

4.2 JavaScript的历史 

• 1995年--布兰登·艾奇用10天时间设计出JavaScript。 最初叫liveScript-网景公司和Sun公司合作--sun公司以java出名--为了蹭热度改名JavaScript。为了阅读方便，我们后面把JavaScript 简称为 JS。    

4.3 JavaScript和ECMAScript的关系

• es（ECMAScript）的起源：JavaScript(网景公司)内置于自己浏览器中。在1996年微软公司也开发出类似js，起名为jScript，内置于IE3.0浏览器。网景公司提交给ECMA国际（欧洲计算机协会），改名为ECMAScript(包含了javascript和jScript)。

5.JavaScript由哪几部分组成

1. JavaScript核心语法（ECMAScript）
2. DOM（Document Object Model）页面文档对象模型
3. BOM（Brower Object Model）浏览器对象模型

6.浏览器引擎

6.1 渲染引擎

• 渲染引擎：用来解析html和css，俗称内核
• 常见的浏览器内核：

  谷歌（生产厂商）	chrome浏览器	webkit内核、blink内核
  微软公司	IE浏览器（Edge）	Trident内核
  Mozilla公司	Firefox浏览器	Gecko内核

6.2 JS引擎

• JS引擎：也称JS解释器。用来读取网页中的JavaScript代码。（浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码）
• 常见的JS引擎：

  谷歌（生产厂商）	chrome浏览器	v8引擎
  微软公司	IE浏览器（Edge）	Chakra(查克拉)引擎
  Mozilla公司	Firefox浏览器	SpiderMoney引擎

7.JavaScript引入的三种方法 

1. 行内式。 eg:<button οnclick="alert(nice~~)"></button>
2. 内嵌式（可以在页面的任何位置）。 eg:：<script></script>
3. 外联式（可以在页面的任何位置）。 eg:<script src=“01.js”></script>

8. JavaScript注释

• 单行注释：快捷键 ctrl+/
• 多行注释：快捷键 Alt+Shift+A        

9.输入输出语句 

• 输出语句（3个）
  1. alert('字符串')    弹出一个警告框
  2. console.log();  在控制台输出信息——控制台的日志
  3. document.write(); 在文档页面输出信息
• 输入语句
  1. prompt(' 提示信息'，'默认输入的信息')；弹出框
• 语法规则
  1. 区分大小写（大写是错误的）
  2. 对空格、缩进、换行，不敏感
  3. 每一条语句打一个结束符（;）
  4. 符号使用英文半角
• 字符串的问题
  1. ' '或" "中的内容，原样输出。
  2. 字符串中直接打回车进行换行会报错。解决方法：使用转义符。
     1. 换行：控制台使用\n换行，ducument.write中使用<br>换行
     2. 斜杠：\   出现一个\，需要写两个\\
     3. 反引号：` ` 反引号内换行生效不报错

10.进制转换

• 进制的分类
  • 常见的进制有：二进制（0  1）、八进制（0-7，以0开头）、十进制（0-9）、十六进制（0-9  A-F，以0x开头）
  • 进制转换：参数.toString(n进制)；

11.弹出框 

1. 警告框 alert(' ');
2. 输入框 prompt(' ');    单击取消，返回值是null
3. 确认框 confirm(' ');    单击确定，返回值是true；单击取消，返回值是false