JavaScript介绍、嵌入方式和入门基础（4）

一、JavaScript 的介绍

1.JavaScript介绍

分为三大部分:

(1)ES5.0 / ES6.0  JS的基础语法(变量,数据类型, 流程控制, 函数, 数组);

(2)BOM (浏览器对象模型)   操作浏览器的;

(3)DOM(文档对象模型)   重点之重:  主要是指 用来操作HTML文档;

JavaScript 是一种基于对象和事件驱动的客户端弱类型的脚本语言; 是用来给页面添加动态的功能; 提供用户和界面之间的交互。

作用: 主要实现表单数据的验证。

对象: 万事万物都是对象。

对象的三大特征: 属性 方法 事件

属性:  是指用来描述实物的外观特征;
	
方法:  是指 该实物具备的主动行为; （主动行为）
	
事件:  是指 该事物具备的被动行为; （被动行为）

弱类型: 是指根据所赋的值确定该变量的数据类型; 使用关键字 var

var：计算机的基本语言中 (后端语言 java,C#,C++,PHP…) 的变量定义和声明。

脚本语言：弥补编译语言的不足而存在的，作为补充语言，不用编译。
（在这里是指解析型的语言。）

编译型语言：程序在执行之前需要一个专门的编译过程，把程序编译成 为机器语言的文件，运行时不需要重新翻译，直接使用编译的结果就行。程序执行效率高，依赖编译器，跨平台性差些。如C、C++、Delphi等.
（计算机的基本语言是编译型语言）

解析型语言：程序不需要编译，程序在运行时才翻译成机器语言，每执 行一次都要翻译一次。

2.前端的三大模块

前端三大模块
HTML：页面结构

CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果

JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能

二、JavaScript入门基础

1.JavaScript嵌入方式

1, 行间嵌入: 结合事件 嵌入 JS可程序代码块;
例如:
<input type="button" name=" " onclick=" alert('ok!')； ">

2, 内嵌嵌入: 使用script标签 将JS程序代码嵌入在head中/body的底部
例如：

        <script type=" text/javascript ">
              var a=' 你好！'；alert ( a )；
        </script>

3, 外部嵌入: 使用script 标签属性src 引入外部js文件中 js程序代码文件 / head/ body
例如：
<script type=" text/javascript " src=" js/index.js "> </script>

2.JavaScript的变量

JavaScript 是一种弱类型语言，javascript 的变量类型由它的值来决定。定义变量需要用关键字 ‘var’
例如：

var a=123；
var b=' asd '；

//同时定义多个变量可以用“，”隔开，公用一个‘var’关键字

var c=45，d=' qwe '，f=' 68 '；

变量的命名规则

驼峰命名规则：getElementById/matherAndFather/aaaOrBbbAndCcc 遵从规则：

变量命名必须以字母或是下标符号“`_`”或者“ `$`”为开头。

变量名长度不能超过 255 个字符。

变量名中不允许使用空格，首个字不能为数字。

不用使用脚本语言中保留的关键字及保留符号作为变量名。

变量名区分大小写。(javascript 是区分大小写的语言)

汉语可以作为变量名。但是不建议使用！！！（low）

变量、函数、属性、函数参数命名规范：

区分大小写

第一个字符必须是字母、下划线（_）或者美元符号（$）
其他字符可以是字母、下划线、美元符或数字

3.数据类型

(1) 数据类型
JavaScript数据类型有2大分类：一是“基本数据类型”，二是“特殊数据类型”。

基本数据类型包括以下3种：

1> 数字型（Number型）
2> 字符串型（String型）
3> 布尔型（Boolean型）

a. 数字型（ Number 型）
数字（Number）是最基本的数据类型。在JavaScript中，和其他程序设计语言（如C和Java）的不同之处在于，它并不区别整型数值（int）和浮点型数据（float）。
在JavaScript中，所有的数字都是由浮点型表示的。

aa.整型数据
整型数据指的是数据形式是十进制整数来的，整数可以为正数、0或负数。
整型数据指的是整数，没有小数的。
例如，“0、4、-5、1000”这些都是“整型数据”。

bb.浮点型数据
浮点型数据是指带有小数的数据。
浮点数还可以使用指数法表示，即实数后跟随字母e或E，后面加上正负号，其后再加一个整型指数。
这种计数法表示的数值等于前面的实数乘以10的指数次幂。

b. 字符串型（String 型）
字符串是由Unicode字符、数字、标点符号等组成的序列，它是JavaScript用来表示文本的数据类型。
拓展：（Unicode(统一码、万国码、单一码、标准万国码)是业界的一种标准，它可以使电脑得以呈现世界上数十种文字的系统）
程序中的字符串型数据是包含在单引号或双引号中的，由单引号定界的字符串中可以含有双引号，由双引号定界的字符串中也可以含有单引号。

c. 布尔型（ Boolean 型）
数值型和浮点型的数据值都有无穷多个，但是布尔型数据类型只有2个：真（true）和假（false）。
0可以看作false，1可以看做true。
布尔值通常在JavaScript程序中用来比较所得的结果，
例如：n= =1
（这行代码测试了变量n的值是否和数值1相等。如果相等，比较的结果就是布尔值true，否则结果就是布尔值false。）

布尔值通常用于JavaScript的控制结构。
例如，JavaScript的“if……else语句”就是布尔值为true时执行一个动作，而在布尔值为false时执行另一个动作，
例如：if（n= =1）{n = n+1；}
else{n = n-1；}
这段代码检测了n是否等于1。如果n等于1，则让n增加1；如果n不等于1，则让n减少1。

特殊数据类型有3种：

1> 空值（null型）
2> 未定义值（undefined型）

a. 空值（ null 型）

整型、浮点型这些数据在定义的时候，系统都会分配一定的内存空间。

JavaScript中的关键字null是一个特殊的值，它表示空值，系统没有给它分配内存空间。

如果试图引用一个没有定义的变量，则返回一个null值。
这里要非常强调一点：null不等同于空的字符串（""）或0，因为空的字符串（""）或0是存在的，但是null表示其不存在的。

b. 未定义值（ undefined 型）

如果一个变量虽然已经用var关键字声明了，但是并没有对这个变量进行赋值，而无法知道这个变量的数据类型，因此这个变量的数据类型是undefined，表示这是一个未定义数据类型的变量。

此外，JavaScript中有一种特殊类型的数字常量NaN，即“非数字”。当在程序中由于某种原因发生计算错误后，将产生一个没有意义的数字，此时JavaScript返回的数字值就是NaN。

null与undefined的区别是，null表示一个变量被赋予了一个空值，
而undefined则表示该变量尚未被赋值。

举例：

<script type="text/javascript">
var n1=Boolean("");//空字符串，返回false
var n2=Boolean("a");//非空字符串，返回true
var n3=Boolean(0);//数字0，返回false
var n4=Boolean(1);//非0数字，返回true
var n5=Boolean(-1);// 非0数字，返回true
var n6=Boolean(null);//数值为null，返回false
var n7=Boolean(undefined);//数值为undefined，返回false
var n8=Boolean(new Object());//对象，返回true
document.write("n1值为"+n1+"<br data-filtered="filtered">");
document.write("n2值为"+n2+"<br data-filtered="filtered">");
document.write("n3值为"+n3+"<br data-filtered="filtered">");
document.write("n4值为"+n4+"<br data-filtered="filtered">");
document.write("n5值为"+n5+"<br data-filtered="filtered">");
document.write("n6值为"+n6+"<br data-filtered="filtered">");
document.write("n7值为"+n7+"<br data-filtered="filtered">");
document.write("n8值为"+n8);
</script>