• 【JavaScript】零碎知识点总结_2


    1. 引入网站图标

    1. 可以直接放在根目录
      在这里插入图片描述
    2. 还可以 link 引入(推荐)
      在这里插入图片描述
      <link
          rel="shortcut icon"
          href="./assets/favicon.ico"
          type="image/x-icon"
        >
      
      • 1
      • 2
      • 3
      • 4
      • 5

    2. 转换为数字

    +'123'  ->   123
    除 + 做字符串拼接,算术运算符都会把数据转为数字类型
    Number()
    parseInt()
    parseFloat()
    
    • 1
    • 2
    • 3
    • 4
    • 5

    3. 立即执行函数

    (function(){ xxx  })();
    (function(){xxxx}());
    
    • 1
    • 2

    声明的同时执行。

    多个立即执行函数之间用分号隔开。

    4. 类的操作

    element.classList.add('类名')
    element.classList.remove('类名')
    element.classList.toggle('类名')
    element.classList.contains('类名')  // true / false
    
    • 1
    • 2
    • 3
    • 4

    5. 用户协议读取倒计时

    <body>
        <textarea name="" id="" cols="30" rows="10">
            用户注册协议
            欢迎注册成为京东用户!在您注册过程中,您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议,请您务必仔细阅读、充分理解协议中的条款内容后再点击同意(尤其是以粗体或下划线标识的条款,因为这些条款可能会明确您应履行的义务或对您的权利有所限制)。
            【请您注意】如果您不同意以下协议全部或任何条款约定,请您停止注册。您停止注册后将仅可以浏览我们的商品信息但无法享受我们的产品或服务。如您按照注册流程提示填写信息,阅读并点击同意上述协议且完成全部注册流程后,即表示您已充分阅读、理解并接受协议的全部内容,并表明您同意我们可以依据协议内容来处理您的个人信息,并同意我们将您的订单信息共享给为完成此订单所必须的第三方合作方(详情查看
        </textarea>
        <br>
        <button class="btn" disabled>我已阅读用户协议(10)</button>
        <script>
            let btn = document.querySelector('.btn');
            let time = 9
            let timer = setInterval(()=> {
                btn.innerHTML = `我已阅读用户协议(${time--})`
                if (time < 0) {
                    btn.innerHTML = `我已阅读用户协议`
                    clearInterval(timer)
                    btn.disabled = false
                }
            },1000)
        </script>
    </body>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
  • 相关阅读:
    计算机操作系统面试题自用
    SpringBoot——》@KafkaListener
    【c++入门(2)】并查集
    社区分享|中南民族大学基于JumpServer构建规范、便利的运维安全体系
    防火墙实验二——实现域间、域内双向NAT、双机热备实验
    【Java】泛型 之 extends通配符
    Idea下载及配置
    旋转偏心裁切刀切向跟踪及半径补偿
    C#WPF命令Command使用实例
    Jmeter书中不会教你的(99)——java request实例
  • 原文地址:https://blog.csdn.net/XiugongHao/article/details/134100372