JavaScript是脚本语言,JavaScript是脚本语言

1、JavaScript概念

1、JavaScript概念

JavaScript是脚本语言; 编写之后,能够一向运营(缺点和失误了编译的历程)

JavaScript是脚本语言; 编写之后,能够直接运维(缺点和失误了编写翻译的经过)

2、JavaScript发展

2、JavaScript发展

LiveScript    =>    JavaScript    =>     Jscript   
=>   ECMAScript(脚本语言的正规化)

LiveScript    =>    JavaScript    =>     Jscript   
=>   ECMAScript(脚本语言的正规)

   ||                 ||                   ||                 ||

   ||                 ||                   ||                 ||

95年网景公司; 网景联合SUN集团;  联合微软公司;
三者联合亚洲计算机成立商组织

95年网景集团; 网景联合SUN集团;  联合微软集团;
三者联合亚洲计算机创建商协会

注:JavaScript语法内容参考Java语言;但“JavaScript是Java语言的脚本语言”是一无所能的

注:JavaScript语法内容参考Java语言;但“JavaScript是Java语言的脚本语言”是不当的

三 、JavaScript组成都部队分

③ 、JavaScript组成都部队分

ECMAScript: 语言的正规化(定义语法)从二〇一五年出产ES6之后;
现在每年生产三个新本子

ECMAScript: 语言的正统(定义语法)从2016年生产ES6之后;
今后年年推出四个新本子

DOM – Document Object Model(文书档案对象模型)

DOM – Document Object Model(文书档案对象模型)

BOM – Browser Object Model(浏览器对象模型)

BOM – Browser Object Model(浏览器对象模型)

肆 、怎么着采纳JavaScript

四 、如何利用JavaScript

透过 <script> 成分编写 JavaScript 语言:

通过 <script> 成分编写 JavaScript 语言:

(1)定义<script>成分,直接编写      

(1)定义<script>成分,直接编写      

(2)通过<script>成分,引入外部JS文件   格式:<script
src=”JS文件的途径”></script>

(2)通过<script>成分,引入外部JS文件   格式:<script
src=”JS文件的不二法门”></script>

type属性 – 设置当前引入文件的品类(text/javascript)

type属性 – 设置当前引入文件的项目(text/javascript)

注:<script>成分暗中同意编写在 <head>
中;但也能够出现在<body>成分中;

注:<script>成分暗中同意编写在 <head>
中;但也得以出现在<body>成分中;

纵使编写在不正确的岗位:浏览器没有其余报错,且浏览器进行机动分析,将错误地点改为不易的职位。(HTML是不严加的符号语言)

就算编写在不正确的地方:浏览器没有其余报错,且浏览器进行活动分析,将错误地点改为正确的职分。(HTML是不严苛的号子语言)

5、测试JavaScript代码

5、测试JavaScript代码

☞confirm(‘ ‘) ;

☞confirm(‘ ‘) ;

 ☞alert(‘ ‘);           如今很少使用(打字与印刷的情节少于 –
不适合开发的供给)   

 ☞alert(‘ ‘);           近期很少使用(打字与印刷的内容少于 –
不符合开发的需要)   

 ☞prompt(‘ ‘);         接收用户消息,页面有个输入框来填写音信

 ☞prompt(‘ ‘);         接收用户消息,页面有个输入框来填写音信

☞document.write(‘ ‘); 
测试的剧情一向在页面中输出音讯,能够写上html标签。

☞document.write(‘ ‘); 
测试的始末平素在页面中输出新闻,能够写上html标签。

 ☞console.log(‘ ‘);     
在浏览器的开发者工具中的console(控制台)中输出信息

 ☞console.log(‘ ‘);     
在浏览器的开发者工具中的console(控制台)中输出音信

格式:console.log(‘日志内容’);    console.warn(‘输出警告’);

格式:console.log(‘日志内容’);    console.warn(‘输出警告’);

console.info(‘输出音信’);   console.error(‘输出错误’);

console.info(‘输出消息’);   console.error(‘输出错误’);

陆 、基础语法

⑥ 、基础语法

 * 区分轻重缓急写     eg: atguigu、Atguigu和ATGUIGU – 代表五个内容

 * 区分轻重缓急写     eg: atguigu、Atguigu和ATGUIGU – 代表多少个内容

 * 代码的规范性

 * 代码的规范性

   HTML: 元素名称建议采用小写;  父级与子级成分,提出缩进(空格或TAB)

   HTML: 成分名称建议采纳小写;  父级与子级成分,提议缩进(空格或TAB)

   CSS:  组合选拔器 #id,.class

   CSS:  组合选拔器 #id,.class

CSS阐明的切实可行写法      eg:选用器{

CSS评释的现实写法      eg:选拔器{

                                           background-color : red;

                                           background-color : red;

                                     }

                                     }

 * JavaScript: 一行最棒只编写二个说话;   每一种语句前面建议编写分号;

 * JavaScript: 一行最佳只编写一个言语;   各种语句后边提议编写分号;

五个语句之间扩充空行;     注释内容编排清除;

五个语句之间扩张空行;     注释内容编排清除;

根本字和保留字,都无法用来定义为变量名;

一言九鼎字和保留字,都不能用来定义为变量名;

最重要字: 在JavaScript代码中兼有特殊的意义;    保留字: 还尚未启用的最首要字

第叁字: 在JavaScript代码中具有相当的含义;    保留字: 还没有启用的要紧字

(单行注释) 符号://  [快捷键:CTRL + ?]       (多行注释)  符号: /*
*/  

(单行注释) 符号://  [快捷键:CTRL + ?]       (多行注释)  符号: /*
*/  

7、变量

7、变量

概念:存款和储蓄数据音信的容器.              格式:var 变量名 =
数据内容;                 

概念:存款和储蓄数据音讯的容器.              格式:var 变量名 =
数据内容;                 

特征:允许能够频仍的运用具体的多少     
效率:允许重复使用某些具体的多寡内容

特点:允许可以屡屡的利用具体的数码     
功用:允许重复使用某些具体的数额内容

ü 变量的扬言

ü 变量的宣示

再也注明:JavaScript 变量只好存储一个数量,此前存储的数额会被遮住。

重复注解:JavaScript 变量只好存款和储蓄三个多少,从前存款和储蓄的数量会被遮住。

遗漏表明: 直接读取二个尚无申明的变量的值,JavaScript会报错。

遗漏表明: 直接读取1个不曾证明的变量的值,JavaScript会报错。

eg:console.log(test1);   — 报错  因为从没定义test1

eg:console.log(test1);   — 报错  因为从没定义test1

ü  命名规则

ü  命名规则

以字母、下划线-、澳元符号$开始;   不以数字先河;  
大写字母与小写字母并不争辩;

以字母、下划线-、美金符号$初步;   不以数字伊始;  
大写字母与小写字母并不争执;

不用关键字和保留字作为名称;     名称最为有肯定的意义。

不用关键字和保留字作为名称;     名称最为有威名赫赫的意义。

ü  用法

澳门永利备用网址,ü  用法

²  定义变量 – 为某些的数量定义二个变量名称 

²  定义变量 – 为某些的数额定义2个变量名称 

留存三个变量时:(1)每一行定义2个变量 
(2)单行定义多少个变量,中间需求用逗号分隔  

存在多个变量时:(1)每一行定义一个变量 
(2)单行定义两个变量,中间须要用逗号分隔  

²  调用变量 -使用该变量对应的数额内容

²  调用变量 -使用该变量对应的多寡内容

☞先定义变量,再调用变量[正规情形]

☞先定义变量,再调用变量[例行状态]

浏览器加载执行JavaScript代码时 –
从上到下;当调用有个别变量时,该变量已经存在了

浏览器加载执行JavaScript代码时 –
从上到下;当调用有些变量时,该变量已经存在了

☞先调用变量,再定义变量  —【undefined】

☞先调用变量,再定义变量  —【undefined】

console.log(test2);    ==>     var test2;   
–定义变量(但向来不赋值); 私下认可值为【undefined】

console.log(test2);    ==>     var test2;   
–定义变量(但未曾赋值); 暗许值为【undefined】

var test2 = 300;              console.log(test2);

var test2 = 300;              console.log(test2);

              test2 = 300;  –为变量实行赋值

              test2 = 300;  –为变量进行赋值

[重新声明:对应的多寡内容会被遮住       
重复赋值:对应的数据内容会被遮盖]

[再一次声明:对应的数码内容会被遮盖       
重复赋值:对应的多少内容会被掩盖]

8、常量

8、常量

格式:  const 常量名 = 数据内容;             
  作用:表示某些具体的数目内容  

格式:  const 常量名 = 数据内容;             
  作用:表示有些具体的数据内容  

注意: 便是两个只读(无法改改)的变量;常量名习惯用全大写

留神: 正是三个只读(不能够改改)的变量;常量名习惯用全大写

*常量的扬言,必须开展初阶化操作,不然会报错误。

*常量的扬言,必须进行发轫化操作,否则会报错误。

*不论是重复注明,如故重新赋值 – 常量都会报错

*无论重复申明,如故再度赋值 – 常量都会报错