- 基础
- 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);
- 贪婪模式默认开启的模式：尽量多的匹配字符 使用?开启非贪婪模式