澳门永利平台娱乐JavaScript是脚本语言,JavaScript是脚本语言

JavaScript    ,JavaScript    

1、JavaScript概念

1、JavaScript概念

JavaScript是脚本语言; 编写之后,能够一贯运维(缺点和失误了编译的长河)

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

2、JavaScript发展

2、JavaScript发展

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

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

   ||                 ||                   ||                 ||

   ||                 ||                   ||                 ||

95年网景公司; 网景联合SUN公司;  联合微软公司;
叁者联合澳大瓦伦西亚联邦(Commonwealth of Australia)总括机创设商组织

95年网景公司; 网景联合SUN公司;  联合微软公司;
叁者联合亚洲计算机创造商组织

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

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

3、JavaScript组成都部队分

三、JavaScript组成部分

ECMAScript: 语言的正式(定义语法)从20一5年生产ES陆之后;
未来每年生产一个新本子

ECMAScript: 语言的标准(定义语法)从20一伍年出产ES六之后;
现在年年推出一个新本子

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

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

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

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

4、怎么样使用JavaScript

四、咋样运用JavaScript

通过 <script> 元素编写 JavaScript 语言:

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

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

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

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

(二)通过<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: 一行最棒只编写2个言辞;   每一种语句前边提议编写分号;

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

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

要害字和保留字,都不能够用来定义为变量名;

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

重在字: 在JavaScript代码中装有卓越的意思;    保留字: 还并未启用的关键字

主要字: 在JavaScript代码中拥有卓殊的意义;    保留字: 还未曾启用的基本点字

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

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

7、变量

7、变量

概念:存储数据新闻的容器.              格式:var 变量名 =
数据内容;                 

概念:存储数据新闻的容器.              格式:var 变量名 =
数据内容;                 

特点:允许能够频仍的行使具体的数目     
效能:允许重复使用有些具体的数码内容

个性:允许可以屡屡的利用具体的多寡     
功效:允许重复使用有个别具体的数据内容

ü 变量的证明

ü 变量的宣示

再也证明:JavaScript 变量只好存款和储蓄3个数量,在此以前存款和储蓄的数量会被遮住。

重复证明:JavaScript 变量只可以存储2个多少,从前存款和储蓄的多少会被遮住。

遗漏申明: 直接读取2个一直不注脚的变量的值,JavaScript会报错。

遗漏注解: 直接读取叁个从未申明的变量的值,JavaScript会报错。

eg:console.log(test一);   — 报错  因为未有定义test1

eg:console.log(test一);   — 报错  因为未有定义test一

ü  命名规则

ü  命名规则

以字母、下划线-、法郎符号$开端;   不以数字开首;  
大写字母与小写字母并不顶牛;

以字母、下划线-、英镑符号$开始;   不以数字起先;  
大写字母与小写字母并不争辨;

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

不用关键字和保留字作为名称;     名称最为有拨云见日的意思。

ü  用法

ü  用法

²  定义变量 – 为某些的多少定义一个变量名称 

²  定义变量 – 为有些的数量定义1个变量名称 

存在几个变量时:(一)每一行定义多个变量 
(贰)单行定义四个变量,中间须求用逗号分隔  

留存两个变量时:(1)每1行定义二个变量 
(二)单行定义三个变量,中间必要用逗号分隔  

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

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

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

☞先定义变量,再调用变量[通常情况]

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

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

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

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

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

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

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

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

              test二 = 300;  –为变量举行赋值

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

[重复注解:对应的数目内容会被遮住       
重复赋值:对应的数码内容会被掩盖]

[再次注解:对应的多寡内容会被遮盖       
重复赋值:对应的数量内容会被掩盖]

8、常量

8、常量

格式:  const 常量名 = 数据内容;             
  效率:表示有些具体的多少内容  

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

留意: 就是3个只读(不可能改改)的变量;常量名习惯用全大写

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

*常量的扬言,必须举行早先化操作,不然会报错误。

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

*不论是重复证明,照旧再度赋值 – 常量都会报错

*不论重复注明,还是再一次赋值 – 常量都会报错