06 2017 档案
摘要:随着 Web 越来越复杂,开发者急切的需要能够本地化存储的脚本功能。这个时候,第一个出现的方案:cookie 诞生了。cookie 的意图是:在本地的客户端的磁盘上以很小的文件形式保存数据。一. Cookiecookie 也叫 HTTP Cookie,最初是客户端与服务器端进行会话使...
阅读全文
摘要:JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try…catch和 throw 语句以及一些错误类型,让开发人员更加适时的处理错误。一. 浏览器错误报告随着浏览器的不断升级,...
阅读全文
摘要:为了分担服务器处理表单的压力,JavaScript 提供了一些解决方案,从而大大打破了依赖服务器的局面。一. 表单介绍在 HTML 中,表单是由元素来表示的,而在 JavaScript 中,表单对应的则是HTMLFormElement类型。HTMLFormElement 继承了 HT...
阅读全文
摘要:事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2 级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。一. 传统事件绑定的问题传统事件绑定有内联模型和脚本模型,内联模型我们不做讨论,基本很少去用。先来看一下脚本模型,脚本模型将一个函数赋...
阅读全文
摘要:JavaScript 事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的捕获/冒泡流的函数。一. 事件对象事件处理函数的一个标准特性是,以某些方式访问的事...
阅读全文
摘要:JavaScript 事件是由访问 Web 页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。一. 事件介绍事件一般是用于浏览器和用户操作进行交互。最早是 IE 和 Netscape Navigator 中出现 ,作为分担服务器端运算负载的一种...
阅读全文
摘要:一. 元素位置上文已经通过几组属性可以获取元素所需的位置,那么这节课补充一个 DOM 的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性:left、top、right和 bottom。分别表示元素各边与页面上边和左边的距离。var box ...
阅读全文
摘要:一.获取元素CSS大小1.通过 style内联获取元素的大小var box = document.getElementById('box'); //获取元素box.style.width; //200px、空box.style.height; //200px、空PS:style 获取...
阅读全文
摘要:DOM 在操作生成 HTML 上,还是比较简明的。不过,由于浏览器总是存在兼容和陷阱 ,导致最终的操作就不是那么简单方便了。主要了解一下 DOM 操作表格和样式的一些知识。一. 操作表格标签是 HTML 中结构最为复杂的一个,我们可以通过 DOM 来创建生成它,或者 HTML DOM...
阅读全文
摘要:DOM 自身存在很多类型,在 DOM 基础课程中大部分都有所接触,比如 Element 类型 :表示的是元素节点,再比如 Text 类型:表示的是文本节点。DOM 也提供了一些扩展功能。一. DOM 类型DOM 基础课程中,我们了解了 DOM 的节点并且了解怎样查询和操作节点,而本...
阅读全文
摘要:DOM(Document Object Model)即文档对象模型,针对 HTML 和 XML 文档的API(应用程序接口)。DOM 描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。DOM 脱胎于 Netscape 及微软公司创始的DHTML(动态 HTML),...
阅读全文
浙公网安备 33010602011771号