首页 > 其他分享 >HTML03(函数,DOM,jQuery,正则表达式)

HTML03(函数,DOM,jQuery,正则表达式)

时间:2023-11-13 21:27:12浏览次数:28  
标签:jQuery arr abc console DOM HTML03 result var reg

  • 基础
  1. js是弱类型的脚本语言;
  2. 在浏览器的控制台打印:console.log();
  3. 定义对象var obj={};
  4. 对象的属性名默认就是字符串;
  • 函数
  1. 前置声明
            var result=fun(12,23.44);
            console.log(result);
            function fun(a,b){  //参数不需要声明类型   
                return a+b;
            }
  2. 不前置声明
    var fun=function(a,b){
                return a;
            }
            var result=fun(12,23);
            console.log(result);    
  • 数组
  1. 定义一个数组;
    var arr=[12,12,23,45,65];
  2. 在前面添加元素;
    arr.unshift(1);
  3. 在后面添加元素;
    arr.push(100);
  4. 删除第一个元素;
    arr.shift();
  5. 删除最后一个元素
    arr.pop();
  6. 在特定位置删除元素 splice(删除开始位置,删除数量)
    arr.splice(2,1)
  7. 在特定位置添加元素  splice(添加位置,0(删除0个),添加元素);
    arr.splice(2,0,33,"张三");
  • DOM
  1. 获取id为easybuttona按钮的DOM对象,添加一个点击数据;
    document.getElementById("easybuttona").onclick=function(){  //匿名函数
        console.log("点击了A按钮");
    }
  2. 点击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;
    }

     

  1. 使用方法:在body中第一个引用<script src='./js/jquery-3.7.1.min.js'></script>;
  2. document.get... = $() ;
  3. this是触发事件的dom对象,dom对象转为jQuery对象
    $(".box").on("click",'.item',function(){   //事件委托给.box  点击触发
        $(this).text(num++);
    })

     

  • 正则表达式  (字符串的规范)
  1. ^字符串开头符号 $字符串结尾符号
            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=/^.*$/ ;  //任意字符任意个数

     

  2. 贪婪模式&非贪婪模式
    1. 贪婪模式默认开启的模式:尽量多的匹配字符  使用?开启非贪婪模式
      var str="11_11".replaceAll(/1{1,2}/g,"a");  //g 全局
              console.log(str);
    2. 非贪婪模式,匹配少的;
              var str="11_11".replaceAll(/1{1,2}?/g,"a");  //g 全局
              console.log(str);

       

标签:jQuery,arr,abc,console,DOM,HTML03,result,var,reg
From: https://www.cnblogs.com/wxy01/p/17830196.html

相关文章

  • vue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记:oldStart
    关于Vue中的diff算法说法错误的是()A比较只会在同层级节点进行比较,不会跨层级比较B在diff比较的过程中,循环从两边向中间收拢。Cvue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记:oldStartIdx、oldEndIdx、newStartIdx、newEndIdxD当老VNode节......
  • Python_Mooc_Stu_23_11_13_String_Random
    目录一、序列 (一)序列的索引 1.索引编号 2.序列元素索引访问3.注意事项 (二)序列的切片 1.切片格式 2.切片使用 3.参数缺省 二、序列的运算和常用处理函数 (一)序列运算 1.序列相加 2.序列相乘 3.序列对象比较 4.成员资格检查 (二)常用处理函数 1.len()......
  • 无涯教程-Dart - HTML DOM
    文档对象代表该窗口中显示的HTML文档,Document对象具有引用其他对象的各种属性,这些属性允许访问和修改文档内容。文档内容的访问和修改方式称为文档对象模型或DOM,对象按层次结构组织,此层次结构适用于Web文档中对象的组织。Window   -层次结构的顶部,它是对象层次结构的......
  • 31.random.choice()函数
    生成电脑的随机选择:使用random.choice函数从一组选项中随机选择电脑的出拳选项,将选择存储在另一个变量中print('猜拳游戏开始:')player=input('请出拳(石头/剪刀/布):\n')computer=random.choice(['石头','剪刀','布'])print(f'电脑出拳:{computer}')ifplayer==compu......
  • Tenzing and Random Operations CF1842G 题解
    设\(m\)次选的位置分别为\(b_{1\simm}\)。于是答案为\(\mathbbE(\prod\limits_{i=1}^{n}(a_i+\sum\limits_{j=1}^{m}[b_j\lei]\cdotv))=\frac{S}{n^m}\)。首先考虑期望很难做,希望将期望转化为概率形式,发现这样有点困难。再考虑因为所有方案等概率,将求期望转化......
  • 原生JavaScript 与 jQuery 执行Ajax请求
    原生JavaScript和jQuery都可以用来执行Ajax请求,以下是它们的基本实现方式的比较:原生JavaScript实现Ajax请求:varxhr=newXMLHttpRequest();xhr.open("GET","https://api.example.com/data",true);xhr.onreadystatechange=function(){if(xhr.readyState==4&&......
  • JavaScript的BOM和DOM对象操作与设置顶级窗口------前端
    准备一个用来嵌入的HTML页面<!DOCTYPEhtml><!--这是HTML的注释--><htmllang="en"id="myHtml"> <head> <!--这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码--> <metacharset="UTF-8"> <metaname="viewport&q......
  • js执行的比dom渲染快很多,执行完一定的js才在页面渲染一次dom,UI渲染是宏任务
    假设HTML有一个按钮id为btn,经过以下操作最终会变成什么颜色?document.getElementById('btn').style='background:blue';document.getElementById('btn').style='background:red';Promise.resolve().then(()=>{document.getElementById('......
  • China's Wisdom for Water Pollution Control
    一、BasicmethodsforwaterpollutioncontrolThepurposeofwastewatertreatmentistoseparatethepollutantsinthewastewaterinacertainway,ordecomposethemintoharmlessandstablesubstances,sothatthesewagecanbepurified.Generally,itis......
  • JavaScript--DOM概述&Element对象获取与使用
      通过DOM对HTML进行操作  1、获取Element对象 2、常见的HTMLElement对象的使用查看文档:https://www.w3cschool.cn/jsref/<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"conten......