随笔分类 - 前端
摘要：注释1：上图整个大背景是这个网页的全部尺寸，中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档（document）的各个height、width、top、left所做的说明。 注释2：第二幅图主要是针对网页中一个div的各个属性值所做的说明。“DIV element client area”是这
阅读全文
摘要：Cookie与存储 学习要点： 1.cookie 2.cookie局限性 3.其他存储 随着Web越来越复杂，开发者急切的需要能够本地化存储的脚本功能，这个时候，第一个出现的方案：cookie诞生了。cookie的意图是：在本地的客户端的磁盘上以很小的文件形式保存数据。 一、Cookie cooki
阅读全文
摘要：错误处理与调试 学习要点： 浏览器错误报告 错误处理 错误事件 错误处理策略 调试技术 调试工具 JavaScript在错误处理调试上一直就是软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。ECMAScript第3版为了解决这个问题引入了try...catch和throw语句以及一些错误类型，让
阅读全文
摘要：//W3C、IE事件切换器兼容函数 function addEvent(obj , type , fn){ //添加事件兼容 if(obj.addEventListener){ obj.addEventListener(type,fn); }else if(obj.attachEvent){ obj
阅读全文
摘要：function addEvent(obj , type , fn){ //添加事件兼容 if(obj.addEventListener){ obj.addEventListener(type,fn); }else if(obj.attachEvent){ obj.attachEvent('on'
阅读全文
摘要：window.onload =function(){ alert('journey'); } if(typeof window.onload == 'function'){ var saved = null; saved = window.onload; } //saved就是window.onlo
阅读全文
摘要：window.onload=function(){ document.onkeypress=function(event){ alert(getCharCode(event)); } function getCharCode(event){ var e = event || window.event
阅读全文
摘要：window.onload = function() { function hasClass(element, className) { return !! element.className.match(new RegExp('(\\s|^)' + clssName + '(\\s|$)'));
阅读全文
摘要：处理表单 学习要点： 1.表单介绍 2.文本框脚本 3.选择框脚本 为了分担服务器处理表单的压力，JavaScript提供了一些解决方案，从而大大打破了处理依赖服务器的局面。 一、表单介绍 在HTML中，表单是由<form>元素来表示的，而在JavaScript中，表单对应的则是HTMLFormEl
阅读全文
摘要：事件绑定及深入 学习要点： 1.传统事件绑定的问题 2.W3C事件处理函数 3.IE事件处理函数 4.事件对象的其他补充 事件绑定分为两种：一种是传统事件绑定（内联模型，脚本模型），一种是现代事件绑定（DOM2级模型）。现代事 件绑定在传统绑定上提供了更强大更方便的功能。 一、传统事件绑定问题 传统
阅读全文
摘要：事件对象 学习要点： 1.事件对象 2.鼠标事件 3.键盘事件 4.W3C与IE JavaScript事件的一个重要方面时它们拥有一些相对一致的特点，可以给你的开发提供更强大的功能，最方便和强大的 就是事件对象，它们可以帮你处理鼠标事件和键盘敲击方面的情况，此外还可以修改一般事件的捕获/冒泡流的函数
阅读全文
摘要：事件入门 学习要点： 1.事件介绍 2.内联模式 3.脚本模式 4.事件处理函数 Javascript事件是由访问Web页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行 一系列代码。 一、事件介绍 事件一般是用于浏览器和用户操作进行交互。最早是IE和Netscap Na
阅读全文
摘要：DOM元素尺寸和位置 学习要点： 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小 本章，我们将主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式， 以便更好的理解。 一、获取元素的CSS大小 1.通过style内联获取元素的大小 var box = document.
阅读全文
摘要：动态加载脚本和样式 学习要点： 1.元素位置 2.动态脚本 3.动态样式 本章主要讲解上一章剩余的获取位置的DOM方法，动态加载脚本和样式。 一、元素位置 上一章已经通过几组属性可以获取所需的位置，那么这几课补充一个DOM的方法：getBoundingClientRect()。 这个方法返回一个矩形
阅读全文
摘要：DOM操作表格及样式 学习要点： 1.操作表格 2.操作样式 DOM在操作生成HTML上，还是比较简明的。不过，由于浏览器总是存在兼容和陷阱，导致最终的操作就不是那么 简单方便了。本章主要了解一下DOM操作表格和样式的一些知识。 一、操作表格 <table>标签是HTML中结构最为复杂的一个，我们可
阅读全文
摘要：DOM进阶 学习要点： 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型，在DOM基础课程中大部分都有所接触，比如Element类型，表示的是元素节点，再比如 Text类型：表示的是文本节点。DOM也提供了一些扩展功能。 一、DOM类型 DOM基础课程中，我们了解了DOM的
阅读全文
摘要：DOM 学习要点： 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM脱胎于Netsca
阅读全文
摘要：BOM 学习要点： 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商有按 照自己想法扩展它，那么浏览器共有对象就成了事实的标准，所以，BOM本身是没有标准的或者还没有哪个组织 去
阅读全文
摘要：浏览器检测 学习要点： 1.navigator对象 2.客户端检测 由于每个浏览器都具有自己独到的扩展，所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商 在公共接口方面投入了很多精力，努力的去支持最常用的公共功能；但在现实中，浏览器之间的差异，以及不同浏 览器的”怪癖“却是非常多的，
阅读全文
摘要：匿名函数和闭包 学习要点： 1.匿名函数 2.闭包 匿名函数就是没有名字的函数，闭包是可以访问一个函数作用域里变量的函数。声明：本节内容需要有面向对象和 少量设计模式基础。 一、匿名函数 //普通函数 function box(){ //函数名是box return 'Lee'; } //匿名函数
阅读全文
浙公网安备 33010602011771号