爱技术 爱生活

原型        我们创建的每一个函数都有一个prototype（原型）属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。逻辑上可以这么理解：prototype是通过调用构造函数而创建的那个对象的原型对象。        为什么要引入原型的概念呢？使用原型的目的，也是他的好处是可以让所有的对象实例共享它所包含的属性和方法。换句话说，就是不必再构造函数中定义

事件绑定分为两种：一种是传统事件绑定（内联模型、脚本模型），一种是现代事件绑定（DOM2级模型）。现代事件绑定在传统绑定的基础上为我们提供了更强大更方便的功能。        传统事件绑定的问题        因为内联模型很少用，这里不做讨论。先来看一下脚本模型，将一个函数赋值给一个事件处理函数。   var box=document.getElementById('box');bo

JavaScript事件的一个重要方面是它们拥有一些相对一致的特点，可以给我们的开发提供更多的强大功能。最方便和强大的就是事件对象了，它们可以帮你处理鼠标和键盘方面的很多事情，此外我们还可以修改一般事件的捕获或者冒泡流的函数。        在上篇博客中我们已经对事件有了一个基本的认识，结尾处我们提到了事件处理函数。事件处理函数的一个标准特性是，以某些方式访问的事件对象包含有关于当前事件的上下

JavaScript事件是由访问Web页面的用户引起的一系列操作，例如：用户点击鼠标，敲击键盘了等等。当用户执行类似操作的时候，再去触发执行一系列代码作为用户操作的响应，这就是所谓的事件了吧。         事件一般是用于浏览器和用户操作进行交互，通常我们将JavaScript中的事件模型分为三种：内联模型、脚本模型和DOM2模型。         内联模型是最传统的接单的一种处理事

我们在写Web页面的时候，需要引入很多的JavaScript脚本文件和CSS样式文件，尤其是在网站需求量很大的时候，脚本的需求量也随之变大，这样一来，网站的性能就会大打折扣，因此就出现了动态加载的概念，即在需要的时候才去加载对应的脚本和样式。下面我们就来看看如何实现动态加载。      动态脚本：       先来看一个动态加载js文件的代码示例：//动态加载JSvar flag

DOM在操作生成HTML上，还是比较简单明了的。不过，由于浏览器总是存在兼容和陷阱，导致最终的操作就不是那么简单方便了。那本文今天就来了解一下DOM如何操作表格和样式。        一 操作表格        标签是HTML中结构最为复杂的一个，我们可以通过DOM来创建生成它，或者HTML DOM来操作它。        下面我们就使用DOM来创建一个表格：window.onlo

DOM自身存在很多类型，我们在上篇博客中提到了大部分的类型，比如Element类型：表示的是元素节点，比如Text类型：表示的是文本节点。DOM也提供了一些扩展功能。        一．DOM类型        上篇博客我们了解了DOM的节点以及怎样操作和查询节点，而本身这些不同的节点，又有着不同的类型                我们随便来看两个类型：Document类型和El

DOM的全称为DocumentObject Model，即文档对象模型，是针对HTML和XML文档的API。它描绘了一个具有层次结构的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM是由Netscape及微软公司创始的DHTML发展而来的，但是现在它已经成为了表现和操作页面的真正跨平台的、语言中立的方式。一．对DOM的理解DOM中的三个字母，D可以理解为整个Web加载的网页文档；

Location是BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location对象是window对象的属性，也是document对象的属性：所以window.location和document.location是等效的。        鉴于这个对象的属性方法较少，在这里就多介绍一下：        首先来看location对象的属性     

由于每个浏览器都具有自己独到的扩展，所以在开发阶段去判断浏览器是一个非常重要的步骤，虽然浏览器开发商在公共接口方面投入了很多精力，努力的去支持最常用的公共功能；但是在现实中，浏览器之间的差异，以及不同浏览器的“怪癖”却是非常多的，因此客户端检测除了是一种补救措施，更是一种行之有效的开发策略。        在介绍浏览器检测方法之前必须要了解一个对象，那就是navigator对象。   

BOM也叫做浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己的想法去扩展它，那么浏览器共有的对象就成了事实的标准，所以，BOM本身是没有标准的或者说是还没有哪个组织去为它制定标准。        本文我们主要来看BOM中的核心对象：Window对象        Window对象是BOM的核心对象，它表示浏览器的一个实例。Window对象处

很多人都知道，面向过程和面向对象的软件开发思想，同样我们的JavaScript也具有这两种开发模式。今天我们来看看JavaScript中的面向对象的东西。        面向对象的语言有一个非常重要的特性，那就是类的概念，通过类我们可以创建任意多个具有相同属性和方法的对象，而JavaScript却没有类的概念，但是它有对象，只是此对象非彼对象。        创建对象    //创建对

其实在学习JavaScript之前就知道正则表达式的概念，记得第一次听说是在学习专业课的时候，那门课程叫做《形式语言与自动机理论》，到现在我还清楚的记得当时学这门课程的时候，那种痛苦，一个学期学下来，根本不知道这门课到底在讲什么，有什么用？        后来在准备软考的时候，又一次的接触到了这块的内容，终于是知道了，这门课通篇都在介绍一种叫做文法的东西，乔姆斯基体系将文法分为了四类，分别是0

什么是表单？        在HTML中，表单是由元素来表示的，而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement，因此它拥有HTML元素的默认属性，并且还独有自己的属性和方法。                获取表单对象的方法有很多种，比如：document.getElementById(“表单标签