js第一节课

xiaoxiao2021-02-28  41

1、js变量名命名: (1)不能以数字开头 (2)不能使用js的关键字和保留字 (3)以字母、下划线、$开头是允许的 (4)变量名有意义 (5)变量名严格区分大小写 2、<script></script>位置: (1)<head></head> 如果书写在头部,则需要写Window.onload=function(){ } //当文档内容加载完再执行js代码 (2)<body></body>(一般情况下写在body最后一行) 3、三种输出方式: (1) alert(); (2) document.write(); (3) console.log(); //输出到控制台 4、获取dom元素的两种方法: (1)变量名=docunment.getElementById(""); //通过Id获取 (2)变量名=docunment.getElementsByTagName(""); //通过标签名称获取 5、三种弹出框: (1) alert(); //警示框 (2) confirm(); //确认框 (3) prompt(); //输入框 6、String类型 (var str="hello world") (1)字符方法: a: str.charAt(); b: str.charCodeAt(); c: str.fromCharCodeAt(); (2)大小写转换: a:toUpperCase(); b:toLowerCase(); (3)索引位置方法: a:str.indexOf(""); //从前往后索引 b:str.LastIndexOf(""); //从后往前索引 c:str.indexOf("", 4); //第二个参数表示从位置几开始索引 (4)截取子字符串方法: a:str.slice(); b:str.substring(); //当只有一个参数时,表示从位置几开始截取到完(参数为0时整个截取);当有两个参数时,第二个参数表示在位置几结束 //substring:若参数为负,则转换为0;第二个参数为负,则转换为0,且与第一个参数交换位置 //slice:若参数为负数,代表从字符串后面截取几个(第一个参数小于第二个参数,否则会出错) (5)split分割方法: str.split(""); //分割后转换为数组,可通过数组下标访问某个数组成员 //如果没有指定分割字符,则逐个进行分割 //若存在第二个参数,则表示分割后的数组保留几个 7、数组: (1)两种创建方式: a:以对象方式创建:

var arr=new Array(); arr[0]="大家好";

b:以字面量方式创建:

var arr=["大家好",12,true,["欢迎光临",122,false]]; document.write(arr[4][2]); //二维数组

(2)concat()拼接数组:

var arr1=[1,2,3]; var arr2=[a,b,c]; alert(arr1.concat(arr));

(3)join():(与split互逆)

var arr3=[7,8,9]; alert(arr3.join("#")); //7#8#9

(4)reverse()翻转数组:

var arr4=[4,6,3]; alert(arr4.reverse(arr4)); //3,6,4

(5)数组元素的添加和删除: str.shift(); // 在数组开头删除一个元素,并返回新数组长度 str.unshift(); //在数组开头插入一个元素,并返回新数组长度 str.pop(); // 在数组末尾删除一个元素 str.push(); // 在数组末尾插入一个元素 (6)sort()方法: 对数组进行排序,取正负值,正数值进行位置交换,负数值不交换 练习 :sort()方法运用实例:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var aa=[1,3,2,6,4] function add(a,b){ return a-b; } document.write(aa.sort(add)+"<br />"); //1,2,3,4,6 var bb=[1,3,2,6,4] function jian(a,b){ return b-a; } document.write(bb.sort(jian)); //6,4,3,2,1 </script> </body> </html>
转载请注明原文地址: https://www.6miu.com/read-76313.html

最新回复(0)