JavaScript 基础（十六）

JavaScript 基础了解

1. 位(bit):1bit可以保存一个0或者1(最小的存储单位)

2. 字节(Byte): 1B= 8b

3. 千字节(KB): 1KB= 1024B

4. 兆字节(MB):1MB= 1024KB

5. 吉字节(GB):1GB= 1024MB

6. 太字节(TB): 1TB= 1024GB

   大小关系: bit < byte < kb <GB <TB<…

（一）前端开发三剑客：html css javascript

• html：结构层 从语义角度来描述页面结构
• css：表现层 从审美角度美化页面
• JavaScript：从交互角度度来提升用户体验

（二）JavaScript语法规则；

1. 语句+；要以英文；来结尾)，每一条js语句都是“一条”发送给浏览器的指令。
2. js代码 一定要区分大小写。
3. 切记，所有的特殊符号均为英文半角。
4. 在js环境中 代码对 换行、空格、缩进 不敏感。
5. 注释：// 行注释 ；/* */ 文档注释。
6. js可以出现在html 页面的任何位置。

（三）JavaScript有何作用

1. 嵌入动态文本与HTML页面
2. 对浏览器时间做出相应
3. 读写HTML元素
4. 在数据被提交到服务器之前验证数据
5. 检测访客的浏览器信息
6. 控制cookies，包括创建和修改等。
7. 基于node.js技术进行服务器端编程。

（四）浏览器两种引擎

1）渲染引擎功能作用

   渲染引擎，负责对网页语法的解释（如HTML、JavaScript）并渲染网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

2）js引擎功能作用

  最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。JavaScript最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。以它为基础，制定了ECMAScript标准。JavaScript在浏览器的实现中还必须含有DOM和BOM。Web浏览器一般使用公共 API来创建主机对象来负责将DOM对象反射进JavaScript。JS引擎负责对JavaScript进行解释、编译和执行，以使网页达到一些动态的效果。

（五）js的组成

BOM（浏览器），DOM（页面），ECMAScript（语法）

关系：

• ECMAScript（语法）规定，在 BOM（浏览器）中，如何操作 DOM（页面），做什么交互
  

• DOM（W3c）不属于BOM（浏览器）
  

1. BOM：浏览器对象模型。简单来说就是window这个对象。 例： ①window.history：浏览器的历史记录 forward（前进） back（后退）go（跳转） ②window.location：浏览器的地址 location.href（可以更改网址）location.reload（刷新当前页面） ③window.navigator：浏览器的相关引导信息 它是浏览器的一些信息存储对象

2. DOM：文档对象模型。简单来说就是document这个对象。 可以通过document对象来操控文档。 获取元素、设置属性、创建元素、更改元素位置

3. ECMAScript：JS的核心语法部分。简单来说就是代码该怎么写，全由ECMAScript决定。

（六）JavaScript书写方式

1. 行内饰

   <input type="button" value="你点我就对了" onc1ick="alert('JavaScript')"/>
   

   

   

   • 单行或少量JS代码可以写在HTML标签的事件属性中(以on开头的属性)-如onclick点击事件

   • 注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号

   • 可读性太差，在html中编写JS大量代码时，不方便阅读，后期更改找错也极其不便

   • 引号易错，引号多层嵌套匹配时容易弄混淆

2. 内嵌式

   <script>
   alert('我是JavaScript')
   </script>
   

   • 可以将多行的大量JS代码放到script标签内

   • 内嵌式是JS在学习时最常用的方式

     

3. 外部链接js文件

   例如：

   外部我们存储了一个JavaScript.js
   alert('我是JavaScript2')
   

   

   当我们想使用时则需要引用外部js文件，方法如下

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

   

（七）JavaScript输入输出语句

js中常用输入输出语句

方法	说明
alert()	浏览器弹出警告示框
console.log()	在浏览器控制台中打印输出信息
prompt()	浏览器弹出输入框，用户可以输入信息

alert()主要用来显示消息给用户，console.log()用来给程序员自己看运行时的消息