版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、DOM概就是文档或浏览器窗口中发生的一些特定的交互瞬间。那么,什么情况会触发当已加载时总结来讲,可以分为鼠标、键盘、表单、剪切板、打印、拖动、多事2、方法(属性鼠1属 描 2onclick当用户点击某个对象时调用的句柄3oncontext在用户点击鼠标右键打开上下文菜单时触456 当鼠标指针移动到元素上时触发7 当鼠标指针移出元素时触 89onmouseout鼠标从某元素移开onmouseup鼠标按键被松开键1属 描 2onkeydown某个键盘按键被按下324112345678属 描 onabort图像的加载被中断(<22onerror在加载文档或图像时发生错误(<object>,<body>和 2onpageshow9窗口或框架被重新调整大小当文档被滚动时发生 用户退出页 (<body>和表22用户选取文本时触发input和 元素即将获取焦点时触发onfocusout元素即将失去焦点时触发onreset表单重置时触发在表单元素的内容改变时触发inputkeygenselect和 2属 描 onblur元素失去焦点时触 1234567891属 描2oncopy3 4打1属 描 2该3该拖1描述 23 在用户完成元素的拖动时触4 5 6ondraer 7 8ondrop 多1描述 23 4 列表为空时触列表为空时触 在在浏览下一帧而需要缓冲时触发在位置发送改变时触发数据中止时触发在在y在 9onerror onended 当6 5动1描述 animationstart该 在CSS动画重复 在CSS动画开始 234过1描述 该23、绑直接HTML元素中绑定DOM
;执行可以是<!doctype<!doctype<html<metacharset="UTF- <!--在 <inputtype="button"value="弹出"onclick="alert('我是按钮123456789<!-- function//}} DOM0 跟 的区别在于,DOM0 需要先通过 ementByIdge ementsByagNam等方式获取DOM对象(HTML元素),然后在DOM对象上绑定 。当有很多重复元素需要用到 时,如果采用HTML ,则需要重复在各个元素上直接绑定 ,代码会非常冗余,而用DOM0级 则更加灵活,并且代码更加简洁。另外,用DOM0级 ,以保证HTML和JvaScrit代码分离,实现结构层和行为层分离,更具拓展性。那么,如何在DOM对象上绑定 ?语法:l. =执行 ;执行 可以是一个 函数,也可以是一个函数的调用。<!doctype<html<metacharset="UTF- <divclass="lock"id="btn">锁定var function 判断如果按钮是锁定,则显示为,变为灰色,否则显示为锁定,变为蓝}}4、举<!doctype<html<metacharset="UTF-//获取varbox= varclicked=function(){}}<divid="box">这是一个123456789<!doctype<!doctype<html<metacharset="UTF-12345678{9}{}.left{margin-tip=.ge//tip.style.dis}////var if(phoneVal.length==11&&tip.innerHTML='<imgtip.innerHTML='<img}}}<div<div<inputtype="text"id="phone"ceholder="请输<divclass="tip"请输入有效的号<!doctype<!doctype<html<metacharset="UTF-1234569functionvar ementById(" //var // <div<selectname=""id="<optionvalue="">请选择<optionvalue="#f00">红色<optionvalue="#0f0">绿色<optionvalue="#00f">蓝色<optionvalue="#ff0"><optionvalue="#ccc">灰色<!doctype<!doctype<html<metacharset="UTF- body.box<divclass="box"123456789 var .ge <!doctype<!doctype<html<metacharset="UTF-.textspan{font-weight:bold;color
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2026年新高考全国乙卷政治易错题卷含解析
- 2026年新高考全国卷化学易错点模考卷含解析
- 小学6年级暑假英语单词专项练习计划(含听写、默写、运用)
- 农户刘先生社区居民对接
- 经济增长目标之意义
- 绿氢产业发展难题分析
- 锻造工安全意识竞赛考核试卷含答案
- 水产品冻结工岗前沟通技巧考核试卷含答案
- 造球工风险评估水平考核试卷含答案
- 刨花板调施胶工创新思维评优考核试卷含答案
- 2026年青山湖区住房和城乡建设局下属事业单位招聘工作人员8人笔试备考题库及答案解析
- 2026年新版事故应急处置卡模板(新版27类事故分类依据YJT 32-2025要求编制)
- GB/T 214-2026煤中全硫的测定方法
- 2026年公共营养师三级月技能真题(附答案)
- 水泥基渗透结晶防水涂料安全交底
- 2026年上海市徐汇区高三下学期二模化学试卷和答案
- 会诊转诊服务中心工作制度
- 烧伤整形科质控课件
- 2026湖北黄石市阳新县高中学校校园招聘教师26人备考题库(培优b卷)附答案详解
- 危重病人血液透析护理
- 机械伤害安全培训课件下载
评论
0/150
提交评论