版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- GB/T 48323-2026电动道路车辆用镍氢动力蓄电池包和系统电性能试验方法
- T/ZPMA 0002-2024RFID技术物联网应用与数据安全技术规范
- T/JSCTS 87-2025地铁车站高效通风空调系统设计技术规范
- T/CNFAGS 20-2025液体肥料塑料包装容器
- T/CC 16-2026跨境商品交易所国际协作指南
- T/CSPSTC 187-2025板桁(板梁)组合体系钢-混凝土组合桥面板设计技术规程
- GB/T 48286-2026运载火箭和航天器地面分离试验要求
- 2025~2026学年广东省深圳市罗湖区北师大版三年级上册阳光评价数学试卷【附答案】
- 人工智能在证据整 理与案情分析中的应用
- AI农产品品质检测分级分拣技术
- 《TCWTCA装配式高桩码头节点连接技术规程》
- 2026秋统编版小学道德与法治三年级上册各单元综合测试卷(附期中、末测试卷)(含答案)
- 2026年校招:中国国际航空试题及答案
- 2025 年党员发展对象培训核心考点速记手册
- 中国临床肿瘤学会(CSCO)抗肿瘤治疗相关恶心呕吐诊疗指南2025
- 河南政务服务中心招聘笔试必刷题题库及解析
- 2026中国建设银行招聘考试(信息技术类)历年参考题库含答案详解
- 2025年河南省省直机关公务员遴选笔试真题及完整答案解析
- 2026-2027学年七年级语文上册期中综合冲刺模拟测试试卷
- 2026年工贸企业有限空间作业专项整治考核试卷及答案
- 2026年研发人员薪酬考核方案
评论
0/150
提交评论