zoukankan      html  css  js  c++  java
  • JS中BOM和DOM常用的事件

    总结:
    window对象
    ● window.innerHeight - 浏览器窗口的内部高度
    ● window.innerWidth - 浏览器窗口的内部宽度
    ● window.open() - 打开新窗口
    ● window.close() - 关闭当前窗口
    navigator对象
    navigator.appName // web浏览器全称
    navigator.appVersion // web浏览器厂商和版本的详细字符串
    navigator.userAgent // 客户端绝大部分信息
    navigator.platform // 浏览器运行所在的操作系统
    screen对象
    screen.availWiddth // 可用的屏幕宽度
    screen.avaliWidth // 可用的屏幕高度
    history对象
    window.history对象包含浏览器历史
    history.forward() //前进一页
    history.back() // 后退一页
    location对象
    window.location 对象用于获取当前页面的地址URL,并把浏览器重新定向到新的页面。
    location.herf // 获取URl
    location.herf="URL" // 跳转到指定页面
    location.reload() // 重新加载页面
    计时相关:
    setTimeout() // var t = setTimeout("js语句",毫秒)
    clearTimeout() // clearTimeout(setTimeout_variable)
    setInterval()
    clearInterval()

    DOM
    查找标签:
    直接查找
    document.getElementById // 根据Id获取一个标签
    document.getElementsByClassName // 根据class属性获取
    document.getElementsByTagName // 根据标签名称获取标签合集
    间接查找
    parentElement // 父节点标签元素
    children // 所有子标签
    firstElementChild // 第一个子标签元素
    lastElementChild // 最后一个子元素元素
    nextElementSibling // 下一个兄弟标签元素
    previousElementSibling // 上一个兄弟标签元素
    节点操作:
    创建节点:document.createElement(“标签名”)
    添加节点:追加一个子节点(作为最后的子节点)somenode.appendChild(newnode)
    把新增的节点放到某个节点的前边:somenode.insertBefore(newnode,某个节点)
    删除节点:获取要删除的元素,通过父元素调用该方法删除
    somenode.removeChild("要删除的节点")
    替换节点:some.node.replateChild(newnode,某个节点)
    属性节点:
    innerText
    innerHTML
    setAttribute

    getAttribute

    removeAttribute
    自带属性可以直接.属性名获取和设置
    获取值操作:
    elementNode.value 适用于 input select textarea
    calss的操作:
    classList.remove(cls) 删除指定类
    classList.add(cls) 添加类
    classList.contains(cls) 存在返回true,否则返回false
    calssList.toggle(cls) 存在就删除,否则添加
    指定css操作:
    obj.style.
    对于没有中划线的css属性一般直接使用style.属性名即可
    对于有中划线的css属性一般将中划线后的第一个字母换成大写


    事件:
    HTML中的事件出发浏览器的action
    onclick // 点击
    ondblclick // 双击
    onfocus // 获得焦点
    onblur // 失去焦点
    onchange // 域的内容被改变
    onkeydown // 键盘按键被按下
    onkeypress // 键盘按键被按下并且松开
    onkeyup // 键盘按键被松开
    onload // 完成加载
    onmousedown // 鼠标按下
    onmousemove // 鼠标被移动
    onmouseout // 鼠标从某元素移开
    onmouseover // 鼠标在某元素之上
    onselect // 文本框中的元素被选中
    onsubmit // 确认按钮被点击

    参考链接:

    https://www.cnblogs.com/jsersudo/p/11119329.html

  • 相关阅读:
    作业帮:最长连续序列(头部插入)
    作业帮:字符串反转(头部插入)
    作业帮:给定一个整数数组,找出其中两个数相加等于目标值(去重set)
    JVM系列之七:HotSpot 虚拟机
    JVM系列之六:内存溢出、内存泄漏 和 栈溢出
    JVM系列之四:运行时数据区
    JVM系列之五:垃圾回收
    JVM系列之三:类装载器子系统
    JVM系列之二:编译过程
    JVM系列之一:JVM架构
  • 原文地址:https://www.cnblogs.com/qing-5/p/11458586.html
Copyright © 2011-2022 走看看