随笔分类 - 浏览器
摘要:特效 偏移量 offsetParent用于获取定位的父级元素 offsetParent和parentNode的区别 var box = document.getElementById('box'); console.log(box.offsetParent); console.log(box.off
阅读全文
摘要:BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型。 浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。 BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。 我们在浏览器中的一些操作都可以使
阅读全文
摘要:节点操作 案例: 选择水果 节点属性 nodeType 节点的类型 1 元素节点 2 属性节点 3 文本节点 nodeName 节点的名称(标签名称) nodeValue 节点值 元素节点的nodeValue始终是null nodeType 节点的类型 1 元素节点 2 属性节点 3 文本节点 1
阅读全文
摘要:document.write() innerHTML document.createElement() 性能问题 innerHTML方法由于会对字符串进行解析,需要避免在循环内多次使用。 可以借助字符串或数组的方式进行替换,再设置给innerHTML 优化后与document.createEleme
阅读全文
摘要:属性操作 非表单元素的属性 href、title、id、src、className var link = document.getElementById('link'); console.log(link.href); console.log(link.title); var pic = doc
阅读全文
摘要:事件 事件:触发-响应机制。 事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 事件三要素 事件源:触发(被)事件的元素 事件名称: click 点击事件 事件处理程序:事件触发后要执行的代码(函数形式) 事件的基本使用 var box = document.getElementById('bo
阅读全文
摘要:获取页面元素 为什么要获取页面元素 例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,才进行后续操作 1 根据id获取元素 如果没有找到那个元素,返回null var div = document.getElementById('main'); console.lo
阅读全文
摘要:DOM的概念 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的)
阅读全文
摘要:Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 任何开发语言都有自己的API API
阅读全文
摘要:1.认识网页 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。 网页是如何形成的? 2.常见浏览器介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。 3.查看浏览器占有的
阅读全文