自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

北川Alex的个人博客

https://github.com/BeiChuanAlex

  • 博客(11)
  • 问答 (10)
  • 收藏
  • 关注

原创 [29]Cookie与存储

随着 Web 越来越复杂,开发者急切的需要能够本地化存储的脚本功能。这个时候,第一个出现的方案:cookie 诞生了。cookie 的意图是:在本地的客户端的磁盘上以很小的文件形式保存数据。一. Cookiecookie 也叫 HTTP Cookie,最初是客户端与服务器端进行会话使用的。比如,会员登录 ,下次回访网站时无须登录了;或者是购物车,购买的商品没有及时付款,过两天发现购物车里还有之前的商

2017-06-29 00:27:29 294

原创 [28]错误处理与调试

JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try…catch和 throw 语句以及一些错误类型,让开发人员更加适时的处理错误。一. 浏览器错误报告随着浏览器的不断升级,JavaScript 代码的调试能力也逐渐变强。IE、Firefox、Safari 、Chrome 和 Opera 等

2017-06-29 00:15:37 517

原创 [27]表单处理

为了分担服务器处理表单的压力,JavaScript 提供了一些解决方案,从而大大打破了依赖服务器的局面。一. 表单介绍在 HTML 中,表单是由<form>元素来表示的,而在 JavaScript 中,表单对应的则是HTMLFormElement类型。HTMLFormElement 继承了 HTMLElement,因此它拥有 HTML 元素具有的默认属性,并且还独有自己的属性和方法:HTMLForm

2017-06-17 02:38:17 335

原创 [26]事件绑定及深入

事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定(DOM2 级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。一. 传统事件绑定的问题传统事件绑定有内联模型和脚本模型,内联模型我们不做讨论,基本很少去用。先来看一下脚本模型,脚本模型将一个函数赋值给一个事件处理函数。var box = document.getElementById('box'); //获取元素

2017-06-17 02:12:25 379

原创 [25]事件对象

JavaScript 事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能。最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的捕获/冒泡流的函数。一. 事件对象事件处理函数的一个标准特性是,以某些方式访问的事件对象包含有关于当前事件的上下文信息。事件处理三部分组成:对象.事件处理函数=函数。例如:单击文档任意处。docume

2017-06-16 21:09:53 346

原创 [24]事件入门

JavaScript 事件是由访问 Web 页面的用户引起的一系列操作,例如:用户点击。当用户执行某些操作的时候,再去执行一系列代码。一. 事件介绍事件一般是用于浏览器和用户操作进行交互。最早是 IE 和 Netscape Navigator 中出现 ,作为分担服务器端运算负载的一种手段。直到几乎所有的浏览器都支持事件处理。而 DOM2级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件。IE9、

2017-06-16 20:39:48 309

原创 [23]动态加载脚本和样式

一. 元素位置上文已经通过几组属性可以获取元素所需的位置,那么这节课补充一个 DOM 的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性:left、top、right和 bottom。分别表示元素各边与页面上边和左边的距离。var box = document.getElementById('box'); //获取元素 alert(box.getBound

2017-06-16 20:23:04 311

原创 [22]DOM元素尺寸和位置

本文主要讨论一下页面中的某一个元素它的各种大小和各种位置的计算方式,以便更好的理解。一.获取元素CSS大小1.通过 style内联获取元素的大小var box = document.getElementById('box'); //获取元素 box.style.width; //200px、空 box.style.height; //200px、空PS:style 获取只能获取到行内 style 属

2017-06-02 03:50:55 322

原创 [21]DOM操作表格及样式

DOM 在操作生成 HTML 上,还是比较简明的。不过,由于浏览器总是存在兼容和陷阱 ,导致最终的操作就不是那么简单方便了。主要了解一下 DOM 操作表格和样式的一些知识。一. 操作表格<table>标签是 HTML 中结构最为复杂的一个,我们可以通过 DOM 来创建生成它,或者 HTML DOM 来操作它。(PS:HTML DOM 提供了更加方便快捷的方式来操作 HTML,有手册)。//需要操作的

2017-06-02 03:40:22 483

原创 [20]DOM进阶

DOM 自身存在很多类型,在 DOM 基础课程中大部分都有所接触,比如 Element 类型 :表示的是元素节点,再比如 Text 类型:表示的是文本节点。DOM 也提供了一些扩展功能。一. DOM 类型DOM 基础课程中,我们了解了 DOM 的节点并且了解怎样查询和操作节点,而本身这些不同的节点,又有着不同的类型。DOM 类型 类型名 说明 Node 表示所有类型值的统一接口,IE

2017-06-02 03:02:15 245

原创 [19]DOM基础

DOM(Document Object Model)即文档对象模型,针对 HTML 和 XML 文档的API(应用程序接口)。DOM 描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。DOM 脱胎于 Netscape 及微软公司创始的DHTML(动态 HTML),但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。一. DOM 介绍DOM 中的三个字母,D(文档)可

2017-06-01 02:29:43 267

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除