首页 > 其他分享 >2022-08-22 第二小组 张晟源(JS)

2022-08-22 第二小组 张晟源(JS)

时间:2022-08-25 14:33:22浏览次数:47  
标签:function 函数 22 08 张晟源 callback let localStorage div

JS

BOM:浏览器对象模型

BOM核心对象window

回调函数

一个函数的参数是另一个函数

    <script>
        let callback = function(a){

        } 
        //箭头函数
        let callback1 = (fun) =>{
            fun(1);
        } 
        callback1(callback);
    </script>

 

计时函数

 //2000毫秒后打印21
        let timer = setTimeout(function(){
            console.log(21);
        },2000);
        //清楚计时函数
        clearTimeout(timer);

 

浏览器自带了以一个小型的数据库

浏览器自带了一个map集合,永久保存0.

//向Storage设置键值对
        window.localStorage.setItem("name","luck");
        //从Storage中根据键获取值
        localStorage.getItem("name");
        //从Storage中删除键值对
        localStorage.removeItem("name");
        //删除Storage中所有键值对
        localStorage.clear();

        //localStorage和sessionStorage
        /**
         * session:会话
         * 
        */

 

 弹窗

1.警告弹窗

alert();

2.带有确认和取消。点击确定返回true

confirm();

3.带有文本框的弹窗

prompt("请输入","例如:");

 

事件

onclick单击事件 ondblclick 双击事件 onblur 失去焦点,失去光标 onfocus 获得焦点 onchange 改变 onload 加载
let div = document.querySelector("div");
        /**
         * 参数一:要添加的事件类型
         * 参数二:添加的事件要触发的函数 
         */
        div.addEventListener("click",function(){
            alert("13");   
        });
        //方式二
        div.onclick = function(){
            alert("123");
        }
        //删除事件
        div.onclick = null;//false
        let callback = function(){
            alert("123");
        }
        div.addEventListener("click","callback");
        div.removeEventListener("click","callback");

        //表单提交事件 onsubmit="return fun()"
        //注意:加在form表单上
        //onsubmit要有return
        //函数要返回bolloean
        function fun(){
            return false;
        }

 

事件冒泡

//事件冒泡
        //要在子元素的事件触发函数里阻止
        event.stopPropagation();

 

模板字符串

  用 `   `  包含字符串

 

数据类型Symbl

let a = Symbl("hello");
let b = Symbl("hello");
//  a == b  返回false

 

Promise函数,处理回调地狱

 

标签:function,函数,22,08,张晟源,callback,let,localStorage,div
From: https://www.cnblogs.com/shenmimao/p/16612254.html

相关文章

  • 2022-8-25 剑指offer-字典树-每日一题-二分/排序
    剑指OfferII063.替换单词难度中等25收藏分享切换为英文接收动态反馈在英语中,有一个叫做 词根(root) 的概念,它可以跟着其他一些词组成另一个较长的单词——我......
  • 如何在FirPE中运行AutoHotkey脚本和Maye-Lite-2022年8月25日
     如何在FirPE中运行AutoHotkey脚本和Maye-Lite-2022年8月25日      说明:由于“AutoHotkey中文社区”网站的写文章网页没有实时自动保存当前编辑内容的功能......
  • 202208 网课实录
    前言文化课选手来学文化课了!不知道为啥,上了一半改成了网课,只留下新高一的军训。由于是网课,形式算是特殊的,有记录的必要。之后寒暑假据说有概率继续网课。用的课后网(无......
  • 2022 居家办公高性价比的电动升降桌选购指南 All In One
    2022居家办公高性价比的电动升降桌选购指南AllInOne2022居家办公如何挑选和购买一款高性价比的电动升降桌AllInOneElectricStandingDesk/电动站立式办公桌......
  • 疑问2022-8-25
    //预处理查询示例funcprepareQueryDemo(){ sqlStr:="selectid,name,agefromuserwhereid>?" stmt,err:=db.Prepare(sqlStr) iferr!=nil{ fmt.Pr......
  • 【22最新可用】喜马拉雅专辑批量下载工具(专辑下载工具含VIP音频)
    喜马拉雅专辑批量下载工具是一款功能非常好用的专辑下载工具,有了这款工具,大家只需要输入专辑地址即可解析出所有的作品,并且支持一键全部或部分下载专辑中的所有内容,下载到......
  • 跨平台UI组件DevExpress XAF v22.1 - 程序集默认面向 .NET 6
    DevExpressXAF是一款强大的现代应用程序框架,允许同时开发ASP.NET和WinForms。DevExpressXAF采用模块化设计,开发人员可以选择内建模块,也可以自行创建,从而以更快的速度和比......
  • Vectorworks 2022(首选3D建筑设计软件)
    Vectorworks2022是一款建筑设计软件,Vectorworks软件使得在概念设计阶段就很容易量化和分析信息,因此您可以做出明智的决定。运行“假设如何”场景和自动化进度表、计算成本......
  • 2022年8月份压测的一些想法
    停车压测:    查询类压测注意事项:       1.例如车牌查询,1000用户并发压测京AA20524,那么服务器的内存变化不大。如果压测的车牌不同每个不一样,那才会......
  • 2022牛客暑假第五场加塞
    M-MaimaiDX2077_"蔚来杯"2022牛客暑期多校训练营(加赛)(nowcoder.com)阅读理解和膜你题。doublepts[5][5]={ {1,1,0.8,0.5,0}, {2,2,1.6,1.0,0}, {3,3,2.4,1.5,0},......