一、今日学习内容
1.设计模式
概念:程序员针对特定问题,给出简洁而优化的处理方案。
分类:单例模式、组合模式、代理模式、工厂模式、策略模式、建造者模式、原型模式、观察者模式、订阅发布者模式、数据访问对象模式、MVC模式、前端控制器模式、拦截过滤器模式、传输对象模式。
2.DOM和BOM
2.1BOM概念:浏览器对象模型,作用是使JavaScript有能力与浏览器进行对话,BOM提供了访问浏览器各种功能部件的途径,浏览器窗口本身、浏览器历史
2.2DOM(节点)文档对象类型,使程序和脚本能够动态的访问和更新文档的内容、结构和样式,并且独立于平台和语言的接口
2.3节点
由结构图,dom数,整个文档就是一个文档节点,document
每一个html标签都是一个元素节点,element
标签中的文字是文本节点(空格,车也是文本节点),text
标签的属性是属性节点,attribute
一切都是节点,node
2.4获取标签对象
H5;
document.querySelector('选择器');符合要求的第一个元素
document.querySelectorAll('选择器');符合要求的所有元素---NodeList---数组
H4:
document.getElementById('id')---节点
document.getElementsByClassName('classname')---节点的集合
document.getElementsByName('name')---NodeLsit---数组
document.getElementsByTagName(‘tagname')---节点的集合
2.5控制标签的内容
文本内容innerText/innerHTML/textContent
表单标签的值value
2.6控制style样式
dom.style.属性名='属性值';
控制class
dom.className='class名'
2.7事件四要素
事件源:触发的标签
事件类型:什么事件触发,鼠标事件/j键盘事件
事件处理函数:触发之后进行的行为
事件对象:事件发生时的相关信息都保存到事件对象中
二、今日问题
今日未遇到问题
|