dom document object model 文档对象模型

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

时间: 2024-09-28 06:46:25

dom document object model 文档对象模型的相关文章

什么是DOM(Document Object Model)文档对象模型_DOM

D:document 文档 浏览器加载的页面 DOM O:object 对象 页面及页面中的任何元素都是对象 M:module 模型 页面中的元素的组织形式 DOM被W3C组织设计为一种平台无关.语言无关的API,程序或脚本通过其动态访问.修改文档的内容.样式.结构. DOM是web 浏览器的运行规范,javascript借助DOM成就了其web标准语言的地位,在web领域实现了所谓"一次编写到处运行"的目标. 文档对象模型(Document Object Model,DOM)是一种用

理解document.all[]:DOM文档对象模型

文章简介:浅谈document.all与WEB标准. 1.DOM WEB标准现在可真是热门中热门,不过下面讨论的是一个不符合标准的document.all[].DOM--DOCUMENT OBJECT MODEL文档对象模型,提供了访问文档对象的方法.例如文档中有一个table,你要改变它的背景颜色,那就可以在javascript中用document.all[]访问这个TABLE.但DOM也有所不同,因为浏览器厂商之间的竞争,各浏览器厂商都开发了自己的私有DOM,只能在自己的浏览器上正确运行,d

文档对象模型DOM通俗讲解_基础知识

在开始之前先说一点,DOM是非常容易理解的,但是大家说的太官方,让人很是难于理解,我们就用非常简单的语言翻译一遍.加深对DOM的理解,从而对它有一个全面的认识. 什么是DOM DOM的全称是Document Object Model,即文档对象模型,它允许脚本控制Web页面.窗口和文档. 如果没有DOM,JavaScript将是另外一种脚本语言:而有了DOM,它将成为制作动态页面的强有力工具.DOM不是JavaScript语言的一部分,而是内置在浏览器中的一个应用程序接口.当然,我们可以简单的理

文档对象模型DOM(一)

当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树. HTML DOM 树 每加载一个标记 注释 或者属性,就将其当做节点(node). 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML. JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScr

C#发现之旅第十讲 文档对象模型

为了让大家更深入的了解和使用C#,我们将开始这一系列的主题为"C#发现之旅 "的技术讲座.考虑到各位大多是进行WEB数据库开发的,而所谓发现就是发现我们所 不熟悉的领域,因此本系列讲座内容将是C#在WEB数据库开发以外的应用.目前规划的主要内 容是图形开发和XML开发,并计划编排了多个课程.在未来的C#发现之旅中,我们按照由浅入 深,循序渐进的步骤,一起探索和发现C#的其他未知的领域,更深入的理解和掌握使用C#进 行软件开发,拓宽我们的视野,增强我们的软件开发综合能力. 课程说明 本

网站分析Hacks精选系列之JavaScript文档对象模型

中介交易 SEO诊断 淘宝客 云主机 技术大厅 本文节选译自网站分析大师Eric T.Peterson的<Web Site Measurement Hacks> – HACK#30 "Hack the JavaScript Document Object Model" 网站分析解决方案普遍采用标签方式,理解他们是如何使用JavaScript文档对象模型(DOM)的. 大多数网站分析工具提供商都广泛使用JavaScript文档对象模型(DOM),你可能会担心提供商的代码是否会

javascript将DOM节点添加到文档的方法实例分析_javascript技巧

本文实例讲述了javascript将DOM节点添加到文档的方法.分享给大家供大家参考.具体如下: 这里对两种方法进行了比较:第一种:先创建所有节点,再添加到文档方式的运行时长:第二种:先向文档添加一个空容器,然后每创建一个节点,再添加到容器中方式的运行时长,从测试来看,第二种方法优于第一种! 运行效果如下图所示: 具体代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq

在JAVA中使用文档对象模型DOM经验小结

dom|对象 文档对象模型 (DOM) 是一个文档标准,对于完备的文档和复杂的应用程序,DOM 提供了大量灵活性.DOM标准是标准的.它很强壮且完整,并且有许多实现.这是许多大型安装的决定因素--特别是对产品应用程序,以避免在API发生改变时进行大量的改写. 以上是我在选择处理XML数据时之所以没有选择JDOM或者dom4j等其它面向对象的标准的原因,不过也由于DOM从一开始就是一种与语言无关的模型,而且它更趋向用于像C或Perl这类语言,没有利用Java的面向对象的性能,所以在使用的过程中也遇

文档对象模型DOM(二)

练习: 要求:界面上有个登录按钮,点击登录的时候,界面中弹出一个登录的方框,点击登录方框中的×的,登录方框消失. 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <!--<link href="../css/lianxi1.css"