随笔分类 - JavaScript 总结
记录 JavaScript 相关的基础知识
摘要：navigator对象常用于识别客户端浏览器 属性 每个浏览器中的navigator对象都有一套自己的属性 navigator对象有很多属性，最常用的只有userAgent属性，常用于实现用户代理检测。 用户代理检测 不同平台下浏览器的userAgent检测结果 【IE3】 Mozilla/2.0
阅读全文
摘要：history对象保存了用户从打开窗口那一刻的上网历史记录。出于安全限制，开发人员无法读取用户的历史记录，但是可以通过history提供的方法，在不知道实际URL的情况下实现后退和前进 属性 history.length表示历史记录的URL数量，初始值是1，如果已经访问了3个网址，history.l
阅读全文
摘要：location对象提供当前窗口所加载文档的相关信息，它既是window对象的属性，也是document对象的属性，它也可以单独使用 属性 location将URL解析成独立的片段，让开发人员可以通过不同的属性访问这些片段 URL： |属性名|例子|说明| | | | | |hash| one|哈希
阅读全文
摘要：定义 window对象下的对话框有alert()、confirm()、prompt()和print()。这些系统对话框与浏览器中显示的网页是没有关系的，它们不是HTML，也不能通过CSS改变它们的样式，它们的外观由操作系统及浏览器设置决定。通过这几个方法打开的对话框是同步和模态的，因此这些对话框在显
阅读全文
摘要：窗口即window对象，大多数浏览器都可以打开多个标签页，每个标签页都有自己的window对象 以下只介绍所有浏览器都支持的window对象的属性和方法 属性 outerWidth、outerHeight outerWidth和outerHeight属性用于表示浏览器窗口本身的尺寸 说明：Mac电脑
阅读全文
摘要：HTML5新增了一个定时器requestAnimationFrame，旨在让动画操作更顺畅，更简单，更高效。requestAnimationFrame采用系统时间间隔，保持最佳绘制效率，不会因为间隔时间过短，造成过度绘制，增加开销；也不会因为间隔时间太长，使用动画卡顿不流畅，让各种网页动画效果能够有
阅读全文
摘要：setTimeout() setTimeout()方法用来指定函数或字符串在指定的毫秒数之后运行。它返回一个整数，表示定时器的编号，这个值可以传递给clearTimeout()方法用于取消对setTimeout的引用 示例中，控制台先输出0，大概过1000ms后，输出定时器setTimeout()方
阅读全文
摘要：在触发DOM上绑定的事件时，会产生一个事件对象event，这个对象中包含着与事件相关的信息，不同的事件包含的信息也有所不同。 获取事件对象 event对象是事件程序的第一个参数 属性 不同的事件类型，事件对象包含的信息也有所不同，但有一些属性和方法是共有的 type type表示被触发的事件类型 c
阅读全文
摘要：事件是网页中某个特定的瞬间，通常由用户主动触发。但实际上也可以使用JavaScript触发特定的事件，这就是接下来要介绍的事件模拟 引入 假设现在有按钮一和按钮二两个按钮，按钮一绑定了特定监听函数，现在需要点击按钮二的时候也能触发按钮一的监听函数，可以这么做 btn2通过事件复制，拥有了同btn1一
阅读全文
摘要：前面两篇文章介绍了offset偏移和client客户区，本篇scroll滚动是元素尺寸相关文章的最后一篇 滚动宽高 scrollHeight scrollHeight表示元素的总高度，包括由于溢出而无法展示在网页的不可见部分 scrollWidth scrollWidth表示元素的总宽度，包括由于溢
阅读全文
摘要：在HTML中引入CSS有三种方式：行内样式、内部样式、外部样式。内部样式和外部样式分别是通过<style>和<link>标签引入的，它们都属于CSSStyleSheet类型。前文介绍的行内样式属于CSSStyleDeclaration类型 CSSStyleSheet CSSStyleSheet是一个
阅读全文
摘要：脚本化CSS，指的是使用JS操作CSS；脚本化行内样式，指的是用JS操作行内样式，行内样式也叫作内联样式 基础 元素节点提供style属性，用来操作CSS行内样式，style属性指向CSSStyleDeclaration对象 <div id="box" style="width: 30px;heig
阅读全文
摘要：定义 DOM遍历模块定义了用于辅助完成顺序遍历DOM结构的类型：Nodeiterator和TreeWalker，它们能够基于给定的起点对DOM结构执行深度优先(depth-first)的遍历操作 示例HTML <!DOCTYPE html> <html> <head> <title>Example<
阅读全文
摘要：事件处理程序又叫事件侦听器，指的是事件绑定的函数。事件处理程序有HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序三类 HTML事件处理程序 某个元素支持的每种事件，都可以使用一个与之相应事件处理程序同名的HTML特性来指定 在事件处理程序函数内部，this值等于事件的目标元素 在
阅读全文
摘要：JS与HTML的交互是通过事件实现的，事件是指文档或浏览器窗口中发生的一些特定的交互瞬间，事件流描述的是从网页中接受事件的顺序 为什么会有事件流？举个例子，页面上有个按钮，当点击按钮的时候不仅仅是触发了按钮的click，同时触发了文档的click，因为按钮是文档的一部分。事件流分为事件冒泡流和事件捕
阅读全文
摘要：客户区大小client指的是元素内容及其内边距所占据的空间大小 客户区大小 和客户区大小相关的属性有四个：clientHeight、clientWidth、clientTop和clientLeft clientHeight clientHeight属性返回元素节点的客户区高度 clientWidth
阅读全文
摘要：偏移量主要是指offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。偏移参照的是定位父级offsetParent 定位父级 定位父级(offsetParent)值的是与当前元素最近的经过定位(position不等于static)的父级元素，主要分为下列
阅读全文
摘要：动态样式是指页面加载过程中样式并不存在，页面加载完成后动态添加到页面的样式。动态样式包括通过``插入的外部样式表和通过`
阅读全文
摘要：CSS全称是层叠样式表，元素的最终渲染结果是由多个CSS样式叠加后的结果，可以通过查询计算样式获得最终的叠加结果 getComputedStyle() 元素的计算样式(computedStyle)是用一个 CSSStyleDeclaration对象来表示的，计算样式是只读的，主要通过getCompu
阅读全文
摘要：DOM节点操作方法包括创建节点、插入节点、删除节点、替换节点、查看节点（指的是查看节点间的关系）、复制节点。 创建节点 document.createElement(tagName)方法可以创建新的元素，该方法接受一个元素的标签名作为参数 所有节点都有一个ownerDocument属性，指向文档节点
阅读全文
浙公网安备 33010602011771号