- 基础
- js是弱类型的脚本语言;
- 在浏览器的控制台打印:console.log();
- 定义对象var obj={};
- 对象的属性名默认就是字符串;
- 函数
- 前置声明
var result=fun(12,23.44); console.log(result); function fun(a,b){ //参数不需要声明类型 return a+b; }
- 不前置声明
var fun=function(a,b){ return a; } var result=fun(12,23); console.log(result);
- 数组
- 定义一个数组;
var arr=[12,12,23,45,65];
- 在前面添加元素;
arr.unshift(1);
- 在后面添加元素;
arr.push(100);
- 删除第一个元素;
arr.shift();
- 删除最后一个元素
arr.pop();
- 在特定位置删除元素 splice(删除开始位置,删除数量)
arr.splice(2,1)
- 在特定位置添加元素 splice(添加位置,0(删除0个),添加元素);
arr.splice(2,0,33,"张三");
- DOM
- 获取id为easybuttona按钮的DOM对象,添加一个点击数据;
document.getElementById("easybuttona").onclick=function(){ //匿名函数 console.log("点击了A按钮"); }
- 点击c按钮随机颜色;
document.getElementById("easybuttonc").onclick=function(){ //随机颜色 var colorNum="#"; var arr=[0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F']; for(var i=0;i<6;i++){ var index=Math.floor(Math.random()*16); colorNum=colorNum+arr[index]; } console.log(colorNum); document.getElementById('box').style.backgroundColor=colorNum; }
- 使用方法:在body中第一个引用<script src='./js/jquery-3.7.1.min.js'></script>;
- document.get... = $() ;
- this是触发事件的dom对象,dom对象转为jQuery对象
$(".box").on("click",'.item',function(){ //事件委托给.box 点击触发 $(this).text(num++); })
- 正则表达式 (字符串的规范)
- ^字符串开头符号 $字符串结尾符号
var reg=/^ab$/;//要满足ab....^字符串开头符号 $字符串结尾符号 var result=reg.test("abc") console.log(result); //符号位 reg=/^[abc]$/; //代表一个字符,只能出现abc var result=reg.test("a"); reg=/[a-z A-Z _ 0-9]/ //-范围内,可以出现字符的范围 //次数的表示 reg=/^[abc]{3}$/; //abc出现3次 reg=/^[abc]{3,5}$/; //abc出现3-5次 reg=/^[abc]{3,}$/; //最少出现3次 reg=/^[abc]?$/ ; //出现0或1次 reg=/^3[abc]+$/ ; //至少出现一次 reg=/^3[^abc]+$/ ;//排除不准出现abc //元字符 reg=/^\w$/; //a-z A-Z 0-9 _ reg=/^\W$/; //排除了\w //数字 reg=/^\d$/; //数字 reg=/^\D$/; //排除数字 //.任意字符 //*任意个数 reg=/^.*$/ ; //任意字符任意个数
- 贪婪模式&非贪婪模式
- 贪婪模式默认开启的模式:尽量多的匹配字符 使用?开启非贪婪模式
var str="11_11".replaceAll(/1{1,2}/g,"a"); //g 全局 console.log(str);
- 非贪婪模式,匹配少的;
var str="11_11".replaceAll(/1{1,2}?/g,"a"); //g 全局 console.log(str);
- 贪婪模式默认开启的模式:尽量多的匹配字符 使用?开启非贪婪模式