XXd1笔记

最新推荐文章于 2024-08-13 17:31:17 发布

2301_80612591

最新推荐文章于 2024-08-13 17:31:17 发布

阅读量36

点赞数

文章标签：笔记 javascript 开发语言

本文链接：https://blog.csdn.net/2301_80612591/article/details/134956441

版权

(function（）{console.log("")})()

立即执行

外层函数嵌套内层函数，然后把内存函数当作返回值返回出去

闭包

key：value

键对值的形式

json对象必须带双引号

分量运算符

对象名。属性名

对象名【索引的值】

下标法

对象名.新属性名=属性值

添加

对象名.旧属性名=属性值

改

for in

遍历

setTimeout()

让某一个东西在多少毫秒之后进行

setTimeout（func|code,delay)

格式

this

关键字（谁调用指向谁）

clearTime呕吐（tim）

清除

Math.randonm

返回一个浮点数

const

常量是无法用重新赋值的方法改变的，也没办法重新去声明

nameN

任意合法的标识符

innerText

一个节点及其后代渲染文本

valueN

任意合法表达式

document.querySelector（）

找第一个element对象

eleent.setAttribute

设置指定元素上的某个属性值

style

style.属性名="属性值“

toggele（）

从列表中删除再返回

className

会覆盖掉原来的类名

。classList。add（）

添加

.classList.remove（）

删除

。classList.toggle()

有就删除没有就添加

getComputeStyle（）[]

获取属性值

offsetWidth

只读属性，返回元素

offsetHeight

返回像素高度（内边距和边框）整数

offsetTop

返回当前元素相对于其顶部内边距的距离

offsetLeft

返回左边界偏移的像素值

Node.appendChild

一个节点不可能同时出现在文档的不同位置

Node。parentNode

返回指定的节点（父节点）

Node.childNode

返回指定的节点（子节点）

NonDocumentTypeChildNode..previousElementSibling

返回在子节点中的前一个元素节点

NonDocumentTypeChildNode.nextElementSibling

返回在子节点中的后一个元素节点

Node.insertBefore

添加一个东西在指定的子节点中

Node.cloneNode（deep）

复制该节点

Node.removeChild

删除一个节点

EventTarget.addEventListener

当对象触发则执行

mouseenter

鼠标放到该元素上触发

mouseleave

指针离开时触发

for (let j = 0; j < btns.length; j++) {

btns[j].classList.remove('pink')

}

所有人

this.classList.add('pink')

我自己

用户创造倒计时

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <textarea name="" id="" cols="30" rows="10">
        用户注册协议
        欢迎注册成为京东用户！在您注册过程中，您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体或下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）。
        【请您注意】如果您不同意以下协议全部或任何条款约定，请您停止注册。您停止注册后将仅可以浏览我们的商品信息但无法享受我们的产品或服务。如您按照注册流程提示填写信息，阅读并点击同意上述协议且完成全部注册流程后，即表示您已充分阅读、理解并接受协议的全部内容，并表明您同意我们可以依据协议内容来处理您的个人信息，并同意我们将您的订单信息共享给为完成此订单所必须的第三方合作方（详情查看
    </textarea>
    <br>
    <button class="btn" disabled>我已经阅读用户协议(5)</button>
    <img src="../11.21.html/xmad_15648327213423_KQdjZ.jpg" alt="">
    <script>
        // let btn =document.querySelector('.btn')
        // let i = 5
        // let timer = setInterval(()=> {
        //     i--
        //     btn.innerHTML=`我已经阅读用户协议（${i})`
        //     if(i === 0){
        //         clearInterval(timer)
        //         btn.disabled=false
        //         btn.innerHTML =`同意`
        //     }
        // },1000)
        function getRandom(min, max) {

if (max > min) {
    return Math.round(Math.random() * (max - min) + min)

} else {
    return ""
}

}
    </script>
</body>
</html>

练习