博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript中的DOM,BOM详细介绍;
阅读量:5355 次
发布时间:2019-06-15

本文共 751 字,大约阅读时间需要 2 分钟。

JS由三部分组成

1) ECMAScript:欧洲计算机制造商协会,描述了JS的语法和基本对象;

2) DOM:文档对象模型,处理网页内容的方法和接口;

3) BOM:浏览器对象模型,与浏览器交互的方法和接口;

 

JavaScript事件定义及其三要素

 

事件:发生在页面中的可以被JavaScript侦测到的交互行为;

 

在事件触发时JavaScript可以执行一些代码;

 

事件三要素:

 

事件源 :要触发的对象  (名词,比如开灯这事,事件源就是开关)

 

事件:怎么触发这个事情(动词,比如开灯这事,事件就是摁一下)

 

事件处理函数:要干什么(比如开灯这事,就是接通火线,把等点亮)

 

一个完整的事件语法结构:

 

事件源.事件 = function() {  

 

·事件处理程序  

 

认识HTML DOM

1) 浏览器在加载HTML页面时,会把页面文档创建为对象模型,也就是DOMDocument-Object-Model,文档对象模型;

2) HTML-DOM被构造为对象树:

 

3) 整个DOMJavaScript来说都是可操作的,这里的操作是指JavaScript可以对HTML文档的元素及其属性、样式、内容等进行增删查改,同时可以对页面中的所有事件做出反应;

4) 所以,我们可以这么理解DOMDOMHTML文档以结构化的形式表示,制定了通过脚本来操作文档结构的规范,目的是为了让JS操作HTML

5) DocumentWindow对象的一部分,所以所有的document对象操作前面都可以加window,一般是省略的,如:window.document.write(‘hq’)

....困了 后续再说

 

转载于:https://www.cnblogs.com/web521/p/7223316.html

你可能感兴趣的文章
前端流行的技术
查看>>
HDU 1010 Tempter of the Bone
查看>>
HDU 1846 Brave Game
查看>>
BZOJ 1202 [HNOI2005]狡猾的商人(并查集)
查看>>
POJ 2778 DNA Sequence(AC自动机+矩阵)
查看>>
微信开发 access_token 数量限制问题
查看>>
关于ajax提交表单
查看>>
你知道C#中的Lambda表达式的演化过程吗?
查看>>
WCF 无法生成 client
查看>>
Locality Sensitive Hashing
查看>>
Azure cache 的配置与应用
查看>>
无重复字符的最长子串
查看>>
关于sys.dm_exec_requests
查看>>
比较详细的Python正则表达式(转)
查看>>
root用户ssh可以登录,xftp通过sftp不能登录链接CentOS解决办法
查看>>
python简说(六)判断
查看>>
DA的存储过程 服务器端返回参数的应用方法
查看>>
vim文本编辑器
查看>>
第七章例7-3
查看>>
MySQL当批量插入遇上唯一索引
查看>>