DOM

作者: 洱月 | 来源:发表于2017-08-09 11:40 被阅读0次

    有点小乱

    DOM 文档对象模型

    方法

    • forward() 前进
    • back() 后退 history.back()历史记录返回一次

    DOM

    window顶层、window对象的属性和方法在调用时可以省掉window。
    var a=10; window.a

    history

    • length
    • forwrd前进
    • back 后退
    • go()1前进 0 刷新 -1后退

    验证

    location

    • herf
    • protocol host hostname post pathname search hash
    • assign()加载新文档
    • reload()重新加载
    • replace()

    Dom文档对象模型

    document是Dom核心对象。

    属性

    • title 返回、设置
    • url 返回

    方法

    • document.getElementByld()
      返回指定id的第一个元素
      let box=document.getElementByld('box'); box.style.background='red'

    • document.getElemtsByTagName()
      返回指定标签名元素的集合

    • document.getElemtsByName()

    • document.getElemtsByClassName()

    let box=document.getElemenstByClassName('box'); box.style.background='red'

    • document.all
      document。getElemtsByTagNam(*)

    注意下标越界

    事件驱动

    事件

    当javascript检测到用户、浏览器的行为(如何发生)

    事件源

    事件发生在谁的身上

    事件处理程序

    事件触发时,要执行的函数(干什么)

    事件类型

    鼠标事件

    • click
    • dblclik
    • mouseover/mouseenter
    • mouseout/mouseleave
    • mousemove

    键盘事件

    表单

    浏览器事件

    样式

    批量操作

    • id
    • className

    预先利用类名或者是id定义指定的样式。添加或者是移除指定的类名或id

    行内样式

    • 设置
      obj.style属性=值
    • 获取
      obj.style属性

    作业历史跳转 for时间函数
    显示与隐藏

    补充

    • box.innerHTML获取内容
    • box.outerHTML 获取内容,包括本身

    我叫洱月,我愿意陪你到洱海风花雪月,你,看到我了吗?

    相关文章

      网友评论

          本文标题:DOM

          本文链接:https://www.haomeiwen.com/subject/jxbfrxtx.html