dom document object model 文档对象模型

简介: 1、事件     body 事件         onload onunload onbeforeunload     常见事件         onclick(单击)、ondblclick(双击)、onkeydown(按键按下)、onkeypress(点击按键)、onkeyu...

1、事件
    body 事件
        onload onunload onbeforeunload
    常见事件
        onclick(单击)、ondblclick(双击)、onkeydown(按键按下)、onkeypress(点击按键)、onkeyup(按键释放)、onmousedown(鼠标按下)、onmousemove(鼠标移动)、onmouseout(鼠标离开元素范围)、onmouseover(鼠标移动到元素范围)、onmouseup(鼠标按键释放

2、动态设置事件  类似于net中注册事件
    document.ondbclick = f1; //让document.ondbclick的事件处理函数为f1
3、window对象 window.document.body  当前浏览器窗口
    方法
        alert()
        confirm("确定?")
        navigate("http://www.baidu.com");
        var timerId = setInterval("alert('hello')",500);
        clearInterval(timerId)
        setTimeout()
        clearTimeout()
        showModalDialog("window.htm")    模态窗体
        showModelessDialog("window.htm")非模态窗体
    属性
        window.location.href
        window.location.reload() 刷新页面
        window.event
            altKey
            ctrlKey
            shiftKey
            returnValue    取消后续内容的执行
            srcElement    引发事件的事件源
            keyCode        引发事件时的键值
            button        引发事件时的鼠标键1为左键,2为右键,3为左右键同时
        screen  分辨率
            width
            height
        clipboardData        粘贴板
            getData("Text")
            setData("Text",val)
            clearData("Text")
        history
            back()    go(-1)
            forward()    go(1)
        document
            方法
                write()
                writeln()
                getElementById()
                getElementsByName()
                getElementsByTagName()
                createElement()
                appendChild()
4、获取元素内容
    value   
    innerText
    innerHTML
5、动态修改元素样式
    this.style.backgroundColor
    this.style.fontSize
    this.style.marginTop
    this.style.display = "none"隐藏  ""显示
    this.style.width = "18px"

6、form对象
    事件
        onsubmit
    方法
        submit()

目录
相关文章
|
2月前
|
XML 编解码 JavaScript
DOM(文档对象模型)和 BOM(浏览器对象模型)
【10月更文挑战第19天】在前端开发中,理解 DOM(文档对象模型)和 BOM(浏览器对象模型)是至关重要的。它们是 Web 开发的基础,为我们提供了与网页文档和浏览器进行交互的能力。
|
3月前
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
38 1
ES6中map对象的使用,确实比Object好使哈
|
2月前
|
Python
通过 type 和 object 之间的关联,进一步分析类型对象
通过 type 和 object 之间的关联,进一步分析类型对象
64 3
|
2月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
38 0
|
4月前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
56 1
|
4月前
|
SQL 存储 数据库
|
4月前
【Azure Developer】使用PowerShell Where-Object方法过滤多维ArrayList时候,遇见的诡异问题 -- 当查找结果只有一个对象时,返回结果修改了对象结构,把多维变为一维
【Azure Developer】使用PowerShell Where-Object方法过滤多维ArrayList时候,遇见的诡异问题 -- 当查找结果只有一个对象时,返回结果修改了对象结构,把多维变为一维
|
4月前
|
JavaScript 前端开发 API
前端开发者的救赎:揭秘JQ对象与DOM元素的神秘转换术
【8月更文挑战第23天】在Web前端开发领域,jQuery(简称JQ)作为一款流行的JavaScript库,极大简化了HTML文档遍历、事件处理、动画及Ajax交互等操作。理解和掌握jQuery对象与DOM元素间的转换至关重要。
49 0
|
4月前
|
JavaScript 前端开发
js之DOM 文档对象模型
js之DOM 文档对象模型
|
1天前
|
JSON Java Apache
Java基础-常用API-Object类
继承是面向对象编程的重要特性,允许从已有类派生新类。Java采用单继承机制,默认所有类继承自Object类。Object类提供了多个常用方法,如`clone()`用于复制对象,`equals()`判断对象是否相等,`hashCode()`计算哈希码,`toString()`返回对象的字符串表示,`wait()`、`notify()`和`notifyAll()`用于线程同步,`finalize()`在对象被垃圾回收时调用。掌握这些方法有助于更好地理解和使用Java中的对象行为。