suibobuzhuliu的博客_Javascript

DOM 2级事件模型跨浏览器处理

一。捕获、添加事件由于有着W3C和微软两种捕获、添加事件的方法，所以在涉及较多事件且要实现跨浏览器兼容的情况下，会重复的输入if。。。else。。。语句。一个好的方法就是创建一个可复用的事件处理函数，例如： function catchEvent(eventObj, event, eventHandler){ if(eventObj.addEventListener){//W3C模型

JavaScript

DOM2

高级事件处理

原创 2013-04-20 15:33:28 1900 阅读

微软模型事件捕获可能的内存问题

JavaScript开发人员被鼓励使用新的、基于规范的事件模型，即DOM LEVEL 2的事件模型。但是这种模型又分为W3C和微软两种模型。老事件模型和新的DOM LEVEL 2事件模型之间，最主要的区别在于：新事件模型并不依赖于特定的事件来处理属性；你可以对任何一个对象的任何一种事件注册多个事件句柄函数。用来代替事件句柄属性的是每个对象提供的3个方法：addEvent

JavaScript

事件处理模型

原创 2013-04-20 14:28:48 607 阅读

JavaScript继承机制

由于JavaScript语言设计者Brendan Eich所处的时代（1994年）面向对象编程兴盛，他也受到了影响，JavaScript里面的所有数据类型都是对象，但是他想要的是一个简易的脚本语言不想使其复杂化，因而他没有引入“类”，设计了“继承”机制来将所有对象联系起来。 JavaScript中没有“子类”和“

JavaScript

继承

原创 2013-04-18 17:45:05 442 阅读

JavaScript定义类或对象

JavaScript的各种书籍说的可能会有点凌乱，今天看一下ECMAScript对定义类或对象的相关文档。面向对象语言不仅能够使用预定义对象还能够创建自己专用的类和对象。原始方式 var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function(

JavaScript

定义对象

原创 2013-04-18 13:44:47 592 阅读

JavaScript闭包

Normally, when the function terminates, the scope is released because it's no longer necessary. However, in the case of an inner function that's returned to the outer application and assigned

JavaScript

JavaScript闭包

原创 2013-04-17 15:14:10 520 阅读

可选择输入框

从网上找了份web前端的面试题，有一道题是设计出既能在文本框中输入，又能在下拉框中选择的组件（如下图）。稍微一想没有思路，但是这种组件还算经常见到。参考了一下网上别人的代码，自己也搞了个。思路：隐藏或者说是遮住下拉菜单的按钮左侧的部分，在按钮左侧该位置放上输入框。然后利用Javascript，将用户从下拉菜单选择的选项的值赋给输入框。 html代码： <body>

Javascript

可选择输入框

原创 2013-03-28 09:55:08 1616 阅读

Javascript事件

Javascript

事件

原创 2013-03-20 16:39:16 610 阅读

Javascript面向对象相关知识总结

“Everything” in JavaScript is an Object. 讨论Javascript肯定离不了上面这句话“在Javascript中一切都是对象”。 Javascript对象和原型 Javascript对象通常有一个构造函数，以及相应的方法和属性。此外，Javascript中的所有

Javascript

prototype

面向对象

原创 2013-03-18 22:13:39 385 阅读

Javascript位运算

Javascript支持位操作，如 & ，| ， ^ , ~，分别为与、或、异或、非操作。此外还有移位操作。这里主要对移位操作进行说明。在看书学习Javascript的过程中多次把位操作尤其是移位操作给略过，今天做一套笔试题，发现里面有不止一道位操作的题，潜下心看了看。位运算符是在数字底层（即表示数字的32个数位）进行操

Javascript

Javascript位运算

原创 2013-03-10 17:22:32 643 阅读

Ajax应用——自动补全表单字段（Google Instant）

像百度、Google等搜索引擎在搜索框中输入一些内容后，在搜索框下方会出现一个包含很多匹配信息的提示框。这些推荐关键字极大的方便了我们的搜索，因为我们有时候使用的关键字并非很合适，Ajax在这里的应用增强了用户体验。相当于弱化的Google Instant（谷歌实时）。下面的一个例子中，在表单的输入框进行输入时，会显示与输

Ajax

Javascript

Google instant

原创 2013-03-09 19:44:07 1047 阅读 2评论

Ajax(二)

把Ajax（一）中的例子改为，使用http请求为post方式一、返回数据格式为xml格式。 registerProcess.php页面 <?php header("Content-type:text/xml; charset=GBK"); header('Cache-Control:no-cache');&nb

Ajax

Javascript

原创 2013-03-07 18:23:57 459 阅读

AJAX（一）

Ajax = Asynchronous JavaScript and XML(异步的Javascript和XML)。 Ajax不是新的编程语言，而是一种使用现有标准的新方法。 Ajax的历史。2005年2月Jesse James Garret在他的文章中首次提出了Ajax这个术语。Gmail、Google Maps和Flickr等web应用程序

php

Ajax

Javascript

原创 2013-03-06 21:04:36 389 阅读

JavaScript制作浮动窗口

HTML&CSS: <style type="text/css">body { background-color:#FFF; }#annoyingAdvert { position:absolute; z-index:2; display:none;

隐藏

JavaScript

十全十美

浮动窗口

原创 2012-12-21 13:19:22 1751 阅读

JavaScript学习之24/12小时制切换

JavaScript以24小时制提供时间。不过，许多人不喜欢这种格式，希望转换为12小时制。下面的代码给出了一种解决办法。页面中有两个重要元素<h2>标签和单选按钮。脚本将时间写入前者，使用单选按钮进行选择。 HTML&CSS代码： <style type="text/css"> &nb

JavaScript

十全十美

24小时制

原创 2012-12-21 11:31:01 3045 阅读

JavaScript学习之表单验证

在填写表单时，我们经常见到指定用户必须填写某些字段（比如注册邮箱等），然后才能提交表单。可以使用JavaScript检查某些或所有字段是否已经填写了。在下面的例子中，我们使用HTML、CSS和JavaScript通过红色的边框和黄色的内部颜色突出显示未填写的字段。检查在表单提交时进行。检查方法的基本原理如下：HTML中

JavaScript

label

表单验证

十全十美

原创 2012-12-16 21:34:58 1369 阅读

Javascript学习之窗口与框架

先恶补一下框架方面的知识 HTML Iframe 内联框架用于在网页内显示网页。如下图： Iframe id：返回或设置iframe的id；name：设置或返回iframe的名称；src：iframe中的文档的URL。 <iframe src=”URL”></iframe> &

Javascript

框架

iframe

十全十美

原创 2012-12-09 15:42:06 736 阅读

Javascript学习之创建循环的广告条

在浏览网页时，我们常常会见到定期切换的广告条。其中一部分是动画GIF文件，这种GIF文件包含许多帧连续播放的图像，其他的是Flash动画。如果希望页面循环显示许多GIF（无论是否是动画），那么可以使用Javascript来实现。为什么要用Javascript实现循环广告条，创建一个动画GIF不就行了吗？其中一个原因是，

Javascript

广告条

十全十美

原创 2012-12-08 22:01:24 875 阅读

Javascript函数

Javascript中有3种创建函数的方法：声明式的/静态的、动态的/匿名的、字面量式的。函数的命名规范通常以动词开头，然后跟上一个或多个名词，每个名词的首字符都是大写字母。声明式的函数 function functionname (param1, p

函数

Javascript

原创 2012-11-17 14:19:40 468 阅读

Javascript正则表达式

本来是要把Javascript对象学习的笔记，但是正则表达式这一块内容实在太多，给单独出来了。

正则表达式

Javascript

原创 2012-11-17 10:00:19 329 阅读 1点赞

Javascript操作符和语句（学习笔记）

这里我仅写出了Javascript操作符和语句部分与C语言有差异的地方，或自己感觉重要的知识点 Javascript语句通常是以分号作为结束符的，但是分号并不是必须的。然而，隐式的结束Javascript语句是一种坏习惯，它可能会导致意料之外的结果。例如当你使用工具去除代码中的空格，从而压缩Javascript代码规模时，就可能会引发错误。赋值语句多个赋值语句放在一行

Javascript

语句

操作符

原创 2012-11-15 21:15:52 282 阅读

Javascript数据类型和变量

Javascript中的变量是松散类型（loose typing）或动态类型，可以根据不同的上下文保存不同的数据类型。在同一个应用程序中，相同的变量可以保存不同类型的数据。变量名由字母、数字、下划线和$符号组成，不许以数字开头，不能是关键字。Javascript区分大小写。变量名和函数名的首字母一般采用小写（区分类名），函数名以动名词形式表示。都遵

Javascript

数据类型

变量

NaN

原创 2012-11-15 16:34:26 671 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

开心菠菜

DOM 2级事件模型跨浏览器处理

微软模型事件捕获可能的内存问题

JavaScript继承机制

JavaScript定义类或对象

JavaScript闭包

可选择输入框

Javascript事件

Javascript面向对象相关知识总结

Javascript位运算

Ajax应用——自动补全表单字段（Google Instant）

Ajax(二)

AJAX（一）

JavaScript制作浮动窗口

JavaScript学习之24/12小时制切换

JavaScript学习之表单验证

Javascript学习之窗口与框架

Javascript学习之创建循环的广告条

Javascript函数

Javascript正则表达式

Javascript操作符和语句（学习笔记）

Javascript数据类型和变量