[JavaScript知识库]01 了解js、常用方法、变量、注释调试，数据类型

1.优化网页第一步

? ? ? ? 缩小网页图片的储存大小，先将一个质量较差，图像储存小的显示出来，当网页加载完毕后在替换成质量较好的图像

2.网景公司，为了解决表单中数据的是否按照规则填写的，表单验证。借助了正则表达式，添加了部分简单程序完成了基本的语言live script-->javascript,

? ? ? ? 弱类型解释型语言

? ? ? ? 弱类型 ?所有的变量都需要设置类型

? ? ? ? 解释性语言 ?先把代码转换为计算机可以识别的语言（二进制）

3.?JavaScript在w3c组织的要求要做了一个标准 ECMA Script ?ES1-->ES6

Action Script Flash whatWG

4.javaScript的构成:?

ECMA Script基本语言

DOM ????网页当中的HTML、CSS这些都是DOM ?Document ?Object ?Model

BOM ?????浏览器中对于历史，地址栏，宽高等等浏览器的操作就是BOM ?

5.javascript写法

(1)在标签中写入JavaScript

?????alert('')通过弹框显示内容

?????在alert里面 如果是运算表达式，就会运算自动转为字符串

?????如果直接写内容，需要告知alert是一个字符串，就需要加引号

?????会让代码暂停执行

?????javascript:void(0) 不返回不执行，让超链接显示效果，但是不跳转不产生历史

(2)把JS写在外部的独立文件中加载执行

(3)在JavaScript标签中写入代码

DOM树

CSS树

DOM渲染树

6.注释和调试

console.log ??console控制台 ??log日志

console.dir ???

console.error ?打印错误

?1.注释??

????对于代码做注解，解释功效

????不执行当前的代码内容、

（1.）单行注释// ??ctrl+/

（2.）块注释 对行注释/* ?*/ ???alt+shift+a

? ????复制上一行 ??alt+shift+下

? ????注释不能嵌套?

?2.调试

? ? ? 在控制面版显示的蓝色就是数值

? ? ? 显示黑色就是字符

? ? ? 控制面板中来源中可以增加代码断点

? ? ? 使用debugger;可以给代码添加断点

? ? ? 断点的作用是调试代码运行过程中的问题

? ? ? bug是代码中的问题 debug是处理代码中的问题

7.常用方法

???（1）.alert()?弹出框

???（2）.console.log()?输出语句

???（3）.prompt() ??弹出对话框可以输入一个默认值，等待用户输入确定后返回输入的字符串

???（4）.confirm() 确定取消对话框 当执行后可以赋值给一个变量，点击确定返回true,点击取消返回false

???（5）.document.getElementById(id)根据id字符串获取当前页面中对应的id元素，返回复制给变量

???（6）.div.innerHTML="<span></span>"

???（7）.点击button执行语句快中内容

?????????button.οnclick=function(){

????????????button.innerHTML="暂停";

?????????}

??????当与网页有点击等操作后，页面发生改变，这种交交互 ?????

?（8）.document.write("abc"); ?给文档中写入内容

?（9）.document这是文档 ?doctype和html标签整体

（10）.document.body ???body标签

（11）. document.head； ?head标签

（12）. document.documentElement ?html标签

8变量

变量可以当作一个存储容器，这个储存容器的名字叫做变量名，容器中储存的值叫做变量

（1）.变量名不能以数字开头，除了字母字符外还可以以_或者$符号开头

（2）.如果变量名较长时需要使用驼峰命名法

（3）.禁止使用中文命名

（4）.变量名称中仅允许出现数字，字母，下划线，$

（5）.变量中禁止使用关键词和保留字，关键词：代码中用到的名称，代码中用到一些备用名称叫做保留字

（6）.所有window下的属性和方法都不能用作变量名，js中的window就是根

一个变量给多个值以最后一个值为准，声明多个变量用英文逗号隔开

只声明不赋值结果是undefined程序也不知道里面存的是什么

不声明不赋值直接使用某个变量会报错，

不声明直接赋值使用是可以的

定义标准

临时变量和参数，一般使用_起头 ?_num=3

常量使用全大写字母定义，使用下划线区分单词 ?EVENT_ID="even_id"

普通变量使用字母开头，驼峰命名法

9.数据类型

基础类型：??

数值型?：Number

? ? var a=3;

? ? var b=1.2;

? ? var c=-3;

? ? var d=1.2e+3;

? ? var e=1.2e-2;

? ? var f=067; 八进制

? ? var h=0xFF;十六进制

字符型:String? ??字符串的嵌套外单内双，内单外双? ?数值相加字符相连

? ? var a="a";

? ? var b='b';

? ? var c=`c`;

布尔型 :Boolean

? ?var a=true;

? ?var b=false;

未定义:Undefined

? ?var a;

? ?var b=undefined;

空值 :Null

? ?var a=null;

复杂型

? ?对象型 :Object

//键值对

? ?var o={

? ?a:1,

? ?b:2,

? ?}