一、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>