版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- D-二聚体、CEA、CA19-9联合检测在胃肠恶性肿瘤诊断中的价值
- 2026中国校园体育安全装备财政投入与实施效果评估
- 脊髓损伤的康复
- 2026中国文化演艺行业市场规模深度研究及发展趋势与投资布局分析报告
- 胃癌lv期的lv表示什么意思,治疗方法
- 神经退行性疾病治疗研究进展与挑战
- 新疆杨主要病虫害的防治
- 导游文化基础试题及答案详解
- 医学课件-桐城孔城大河锚鱼活动方案
- 医学课件-口腔颌面外科学 基本手术操作(教材重点)
- 2026广东湛江市遂溪发展集团有限公司招聘15人(第二批)考试备考题库及答案详解
- 2026年重庆市部编版高一语文一轮复习第五单元文言文阅读测试题库试卷
- 2025秋新版道德与法治二年级上册教学工作计划及教学进度表
- 2026 年秋季开学:新时代教师师德师风建设专题培训
- GB/T 12008.3-2026塑料聚氨酯生产用聚醚多元醇第3部分:羟值的测定
- 电梯困人应急演练总结报告
- 2026年幼儿园新生家长会后勤园长
- 20S515 钢筋混凝土及砖砌排水检查井
- 西方园林史智慧树知到答案章节测试2023年内蒙古农业大学
- 生活垃圾焚烧发电厂项目施工组织设计
- TEERT 018-2021 金属抛光打磨用湿式除尘一体机
评论
0/150
提交评论