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()

目录
相关文章
|
23天前
|
XML 编解码 JavaScript
DOM(文档对象模型)和 BOM(浏览器对象模型)
【10月更文挑战第19天】在前端开发中,理解 DOM(文档对象模型)和 BOM(浏览器对象模型)是至关重要的。它们是 Web 开发的基础,为我们提供了与网页文档和浏览器进行交互的能力。
|
2月前
ES6中map对象的使用,确实比Object好使哈
ES6中Map对象的使用优势,包括任意类型作为键、直接获取大小、增删查改操作等。Map的键可以是函数、对象、NaN等,支持forEach循环和for...of循环。
30 1
ES6中map对象的使用,确实比Object好使哈
|
1月前
|
Python
通过 type 和 object 之间的关联,进一步分析类型对象
通过 type 和 object 之间的关联,进一步分析类型对象
55 3
|
1月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
15 0
|
3月前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
53 1
|
3月前
|
SQL 存储 数据库
|
3月前
【Azure Developer】使用PowerShell Where-Object方法过滤多维ArrayList时候,遇见的诡异问题 -- 当查找结果只有一个对象时,返回结果修改了对象结构,把多维变为一维
【Azure Developer】使用PowerShell Where-Object方法过滤多维ArrayList时候,遇见的诡异问题 -- 当查找结果只有一个对象时,返回结果修改了对象结构,把多维变为一维
|
3月前
|
JavaScript 前端开发 API
前端开发者的救赎:揭秘JQ对象与DOM元素的神秘转换术
【8月更文挑战第23天】在Web前端开发领域,jQuery(简称JQ)作为一款流行的JavaScript库,极大简化了HTML文档遍历、事件处理、动画及Ajax交互等操作。理解和掌握jQuery对象与DOM元素间的转换至关重要。
41 0
|
3月前
|
JavaScript 前端开发
js之DOM 文档对象模型
js之DOM 文档对象模型
|
11天前
|
存储 Java 程序员
Java基础的灵魂——Object类方法详解(社招面试不踩坑)
本文介绍了Java中`Object`类的几个重要方法,包括`toString`、`equals`、`hashCode`、`finalize`、`clone`、`getClass`、`notify`和`wait`。这些方法是面试中的常考点,掌握它们有助于理解Java对象的行为和实现多线程编程。作者通过具体示例和应用场景,详细解析了每个方法的作用和重写技巧,帮助读者更好地应对面试和技术开发。
50 4