Javascript

xiaoxiao2023-10-06 150

Javascript：

前端三大块

1、HTML：页面结构 2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果 3、JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能

变量

变量类型

5种基本数据类型： 1、number 数字类型 2、string 字符串类型 3、boolean 布尔类型 true 或 false 4、undefined undefined类型，变量声明未初始化，它的值就是undefined 5、null null类型，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null,在页面上获取不到对象，返回的值就是null

1种复合类型： object

1、一条javascript语句应该以“;”结尾 2、javascript注释

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

1、区分大小写 2、第一个字符必须是字母、下划线（_）或者美元符号（$） 3、其他字符可以是字母、下划线、美元符或数字

匈牙利命名风格：(小驼峰)

对象o Object 比如：oDiv 数组a Array 比如：aItems 字符串s String 比如：sUserName 整数i Integer 比如：iItemCount 布尔值b Boolean 比如：bIsComplete 浮点数f Float 比如：fPrice 函数fn Function 比如：fnHandler 正则表达式re RegExp 比如：reEmailCheck

数组及操作方法数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。

定义数组的方法

//对象的实例创建 var aList = new Array(1,2,3);

//直接量创建 var aList2 = [1,2,3,‘asd’]; 操作数组中数据的方法 1、获取数组的长度：aList.length;

var aList = [1,2,3,4]; alert(aList.length); // 弹出4 2、用下标操作数组的某个数据：aList[0];

var aList = [1,2,3,4]; alert(aList[0]); // 弹出1 3、join() 将数组成员通过一个分隔符合并成字符串

var aList = [1,2,3,4]; alert(aList.join(’-’)); // 弹出 1-2-3-4 4、push() 和 pop() 从数组最后增加成员或删除成员

var aList = [1,2,3,4]; aList.push(5); alert(aList); //弹出1,2,3,4,5 aList.pop(); alert(aList); // 弹出1,2,3,4 5、unshift()和 shift() 从数组前面增加成员或删除成员

var aList = [1,2,3,4]; aList.unshift(5); alert(aList); //弹出5,1,2,3,4 aList.shift(); alert(aList); // 弹出1,2,3,4 6、reverse() 将数组反转

var aList = [1,2,3,4]; aList.reverse(); alert(aList); // 弹出4,3,2,1 7、indexOf() 返回数组中元素第一次出现的索引值

var aList = [1,2,3,4,1,3,4]; alert(aList.indexOf(1)); 8、splice() 在数组中增加或删除成员

var aList = [1,2,3,4]; aList.splice(2,1,7,8,9); //从第2个元素开始，删除1个元素，然后在此位置增加’7,8,9’三个元素 alert(aList); //弹出 1,2,7,8,9,4 多维数组多维数组指的是数组的成员也是数组的数组。

var aList = [[1,2,3],[‘a’,‘b’,‘c’]];

alert(aList[0][1]); //弹出2;

字符串处理方法

1、字符串合并操作：“ + ”

var iNum01 = 12; var iNum02 = 24; var sNum03 = '12'; var sTr = 'abc'; alert(iNum01+iNum02); //弹出36 alert(iNum01+sNum03); //弹出1212 数字和字符串相加等同于字符串相加 alert(sNum03+sTr); // 弹出12abc

2、parseInt() 将数字字符串转化为整数

var sNum01 = '12'; var sNum02 = '24'; var sNum03 = '12.32'; alert(sNum01+sNum02); //弹出1224 alert(parseInt(sNum01)+parseInt(sNum02)) //弹出36 alert(sNum03) //弹出数字12 将字符串小数转化为数字整数

3、parseFloat() 将数字字符串转化为小数

var sNum03 = '12.32' alert(parseFloat(sNum03)); //弹出 12.32 将字符串小数转化为数字小数

4、split() 把一个字符串分隔成字符串组成的数组

var sTr = '2017-4-22'; var aRr = sTr.split("-"); var aRr2= sTr.split(""); alert(aRr); //弹出['2017','4','2'] alert(aRr2); //弹出['2','0','1','7','-','4','-','2','2']

5、charAt() 获取字符串中的某一个字符

var sId = "#div1"; var sTr = sId.charAt(0); alert(sTr); //弹出 #

6、indexOf() 查找字符串是否含有某字符

var sTr = "abcdefgh"; var iNum = sTr.indexOf("c"); alert(iNum); //弹出2

7、substring() 截取字符串用法： substring(start,end)（不包括end）

var sTr = "abcdefghijkl"; var sTr2 = sTr.substring(3,5); var sTr3 = sTr.substring(1); alert(sTr2); //弹出 de alert(sTr3); //弹出 bcdefghijkl

8、toUpperCase() 字符串转大写

var sTr = "abcdef"; var sTr2 = sTr.toUpperCase(); alert(sTr2); //弹出ABCDEF

9、toLowerCase() 字符串转小写

var sTr = "ABCDEF"; var sTr2 = sTr.toLowerCase(); alert(sTr2); //弹出abcdef 字符串反转 var str = 'asdfj12jlsdkf098'; var str2 = str.split('').reverse().join(''); alert(str2);

定时器

定时器类型及语法

/* 定时器： setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器 */ var time1 = setTimeout(myalert,2000); var time2 = setInterval(myalert,2000); /* clearTimeout(time1); clearInterval(time2); */ function myalert(){ alert('ok!'); }

定时器制作时钟

定时器制作倒计时

转载请注明原文地址: https://yun.8miu.com/read-107515.html

最新回复(0)