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天前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
6 2
|
4天前
|
XML JavaScript 数据格式
Beautiful Soup 库的工作原理基于解析器和 DOM(文档对象模型)树的概念
Beautiful Soup 使用解析器(如 html.parser, lxml, html5lib)解析HTML/XML文档,构建DOM树。它提供方法查询和操作DOM,如find(), find_all()查找元素,get_text(), get()提取信息。还能修改DOM,添加、修改或删除元素,并通过prettify()输出格式化字符串。它是处理网页数据的利器,尤其在处理不规则结构时。
8 2
|
14天前
|
前端开发 JavaScript 数据安全/隐私保护
前端javascript的DOM对象操作技巧,全场景解析(二)
前端javascript的DOM对象操作技巧,全场景解析(二)
|
14天前
|
移动开发 缓存 JavaScript
前端javascript的DOM对象操作技巧,全场景解析(一)
前端javascript的DOM对象操作技巧,全场景解析(一)
|
14天前
|
JavaScript 前端开发 索引
【Web 前端】JQ对象和DOM元素之间如何转换?
【4月更文挑战第22天】【Web 前端】JQ对象和DOM元素之间如何转换?
|
13天前
|
缓存 JavaScript 前端开发
【JavaScript 技术专栏】DOM 操作全攻略:从基础到进阶
【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互,涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习,开发者能掌握动态改变网页内容、结构和样式的技能,实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用,助你提升前端开发能力。
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中DOM操作:新手常犯错误与避免策略
【4月更文挑战第1天】本文介绍了JavaScript中DOM操作的基础和新手常犯错误,包括频繁查询DOM、不恰当的遍历、滥用innerHTML、忽视异步与DOM状态以及过度同步更新。建议包括缓存DOM引用、注意文本节点、慎用innerHTML以防止XSS、正确处理异步和批量更新。遵循最佳实践,开发者能提升代码质量和应用性能。
26 2
|
2月前
|
JavaScript 前端开发
JavaScript操作DOM元素
JavaScript操作DOM元素
14 1
|
7天前
|
JavaScript 前端开发 安全
javascript操作DOM的方法
javascript操作DOM的方法
11 0
|
14天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)