dom document object model 文档对象模型-阿里云开发者社区

开发者社区> 谷中仁> 正文

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
10 0
构建多架构镜像的最佳实践
如今,Docker 容器镜像可以支持多种架构/平台,多架构镜像的构建已经成为了必备技能。
23 0
Spring Cloud 终于大改版?为什么要用日期来做版本号?
Spring Cloud终于改了 最近Spring Cloud把版本号从A到Z的伦敦地铁站,改为以日期命名了。
4 0
新来的妹纸问我 AJAX 请求为什么不安全?我没有回答出来。。。
开篇三问 AJAX请求真的不安全么? AJAX请求哪里不安全?
7 0
HTML5 SVG|学习笔记
快速学习 HTML5 SVG
4 0
对于操作系统而言进程、线程以及Goroutine协程的区别
进程、线程、协程实际上都是为并发而生。但是他们的各自的模样是完全不一致的,下面我们来分析一下他们各自的特点和关系。本文不重点介绍什么是进程和线程,而是提炼进程、线程、协程干货。且是基于Linux下的进程、线程解释。
4 0
HTML5视频|学习笔记
快速学习HTML5视频
5 0
HTML5地理定位|学习笔记
快速学习HTML5地理定位
4 0
+关注
126
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载