JavaScript进阶(1)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/a1376871144/article/details/88930615

变量声明、变量类型,如何对它们进行赋值、改变、计算等一系列操作,掌握不同运算符的使用方法,灵活运用算术运算符、比较运算符、逻辑运算符对变量和数值进行操作。
变量的声明: var name; //用var声明变量,不限类型
变量的赋值:var name=value; var name; name=value; var name=8-5; //可直接声明时赋值,也可先声明再赋值,还可以表达式赋值
变量的操作:+ - * / //都可操作变量,< , > //也可对数据进行比较,返回值是boolean类型(true/false),++自加,–自减。逻辑运算符,或且非(|| && !)返回值boolean类型(true/false);
数组的概念,如何创建、赋值、使用数组,如何获得数组长度。
数组的声明与赋值:var array=new Array(); array[0]=1; array[1]=2; …
var array=[1,2,3,4];
var array=new Array(1,2,3,4);
数组的使用:针对每一个元素使用:array[0]…
数组的长度:提供了length属性。用于获得数组的长度,常用于循环时,临界条件
二维数组定义:1.
var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){ //一维长度为2
myarr[i]=new Array(); //再声明二维
for(var j=0;j<3;j++){ //二维长度为3
myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
}
}
2.
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]];
掌握控制语句的执行顺序。因为JavaScript程序中的语句一般按出现的顺序执行,有时这样执行不能满足我们的需要,因此大多数编程语言都提供了流程控制语句,控制代码的顺序。
if …else…语句:if(判断条件){
//满足的条件,执行语句
}else{
//不满足的条件,执行语句
}
多重选择
if…else if…else语句:
if(判断条件){
//满足一种条件,执行语句
}else if(判断条件){
//满足第二种条件,执行语句
}else{
//都不满足,执行语句
}
switch…case…case…语句:switch(表达式)
{
case值1:
执行代码块 1
break;
case值2:
执行代码块 2
break;

case值n:
执行代码块 n
break;
default:
与 case值1 、 case值2…case值n 不同时执行的代码
}
循环语句
for循环:for(var i=初始条件;i<临界条件;条件的变化语句)
{
//执行语句
}
while语句:while(临界条件,满足则循环)
{
//执行语句
}
do…while语句:do{
//执行语句
}while(条件)
//此循环与while循环的差别是while循环先判断条件再执行语句最少零次,do…while…先执行,在判断,最少执行一次
break;:跳出循环
continue;:从这里直接进行下次循环,继续循环
函数是一段JavaScript代码,它只定义一次,可被执行或调用任意次。掌握函数的定义、引用。
函数的作用,可以写一次代码,然后反复地重用这个代码。
函数的定义:
无参无返回值的函数定义
function 函数名(){
//语句执行代码,操作
}
有参无返回值的函数定义
function 函数名(value1,value2){
//语句执行代码,操作
}
有参有返回值的函数定义
function 函数名(value1,value2){
//语句执行代码,操作
/*
*/
retuen value3;
}
函数的调用:
直接运行调用,或者通过事件来触发
JavaScript和HTML之间的交互是通过用户和浏览器操作界面引发的事件来处理,介绍事件处理的概念,常用触发事件。
什么是事件:JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。
主要事件表:
在这里插入图片描述
主要事件
onmousemove:鼠标移动事件
onsubmit:表单提交事件
onreset:表单重置事件
onkeypress:键盘按下且释放
okeydown:按键按下事件
onkeyup:按下且释放
事件的操作:
例如鼠标点击事件的应用:
//onclick里面放要做的操作,比如函数之类的
JavaScript自带一些内置对象,掌握Math、Date、字符基础对象和方法
JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。

		  对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;

		 对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;

		JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前先定义,
		
		Date 日期函数:
					定义
					var  time=new Date();
					如果要自定义初始值,可以用以下方法:
                    var d = new Date(2012, 10, 1);  //2012年10月1日
                   var d = new Date('Oct 1, 2012'); //2012年10月1日
                   Date对象中处理时间和日期的常用方法:
               
					![在这里插入图片描述](https://img-blog.csdnimg.cn/20190331170339391.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzc2ODcxMTQ0,size_16,color_FFFFFF,t_70)
					
       String 字符串对象
				定义:
					var mystr = "I love JavaScript!";
					返回指定位置的字符:charAt();     例如:var myc=mystr.charAt(0);
					返回指定的字符串首次出现的位置: 两个参数,第一个要寻找的字符,第二个开始的位置
																	indexOf(substring,startindex) 方法可返回某个指定的字符串值在字符串中首次出现的位置。
				    字符串分割split()。split(separator,limit) 方法将字符串分割为字符串数组,并返回此数组。separator分隔条件,limit限制次数
				    提取字符串substring()。substring(startPos,stopPos) 方法用于提取字符串中介于两个指定下标之间的字符。startPos开始位置,stopPos结束位置。
				    提取指定数目的字符substr()。substr(startPos,num)方法用于提取字符串中从指定位置开始提取的字符,startPos开始的位置,num提取的数目
	 Math对象
	        Math对象,提供对数据的数学计算。
	        			Math 对象属性
	        			![在这里插入图片描述](https://img-blog.csdnimg.cn/20190331172625728.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzc2ODcxMTQ0,size_16,color_FFFFFF,t_70)
						Math 对象方法
						![在这里插入图片描述](https://img-blog.csdnimg.cn/20190331172638302.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzc2ODcxMTQ0,size_16,color_FFFFFF,t_70)
   Array 数组对象
             数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,    是从零开始的
              数组属性:

                    	length 用法:<数组对象>.length;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

				数组方法:
						![在这里插入图片描述](https://img-blog.csdnimg.cn/20190331172851590.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzc2ODcxMTQ0,size_16,color_FFFFFF,t_70)

猜你喜欢

转载自blog.csdn.net/a1376871144/article/details/88930615