随笔分类 -  JavaScript

javascript prototype
摘要:原型真谛正当我们感概万分时,天空中一道红光闪过,祥云中出现了观音菩萨。只见她手持玉净瓶,轻拂翠柳枝,洒下几滴甘露,顿时让JavaScript又添新的灵气。观音洒下的甘露在JavaScript的世界里凝结成块,成为了一种称为“语法甘露”的东西。这种语法甘露可以让我们编写的代码看起来更象对象语言。要想知道这“语法甘露”为何物,就请君侧耳细听。在理解这些语法甘露之前,我们需要重新再回顾一下JavaScript构造对象的过程。我们已经知道,用 var anObject = new aFunction() 形式创建对象的过程实际上可以分为三步:第一步是建立一个新对象;第二步将该对象内置的原型对象设置为构 阅读全文
posted @ 2011-06-29 15:39 H&M 阅读(221) 评论(0) 推荐(0)
setTimeout 时间为 0 应用
摘要:<html xmlns=" http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>setTimeout为0的应用</title><style type="text/css">body { background:url(images/page-bg.gif); font-siz 阅读全文
posted @ 2011-06-21 16:01 H&M 阅读(637) 评论(0) 推荐(0)
用JAVASCRIPT实现静态对象、静态方法和静态属性
摘要:/***************************************** 方法一* 类、方法、属性都为静态类型* 不能创建实例*****************************************/varTime ={ today:‘2009-3-8′, weather:‘rain’, show:function(){ alert(‘Today is ‘+this.today); }};//静态对象可直接使用,无需创建实例alert(‘It is ‘+ Time.weather+‘ today.’);Time.show();//下面的代码会出错,因为静态类不能创建实例/ 阅读全文
posted @ 2011-06-16 11:38 H&M 阅读(249) 评论(0) 推荐(0)
研究一下valueOf与toString方法
摘要:基本上,所有JS数据类型都拥有valueOf和toString这两个方法,null除外。它们俩解决javascript值运算与显示的问题。JavaScript 的 valueOf() 方法valueOf() 方法可返回 Boolean 对象的原始值。用法booleanObject.valueOf(),返回值为booleanObject 的原始布尔值。如果调用该方法的对象不是 Boolean,则抛出异常 TypeError。1<script type="text/javascript">2varboo =newBoolean(false);3document.wr 阅读全文
posted @ 2011-06-12 00:34 H&M 阅读(440) 评论(0) 推荐(0)
Javascript面向对象的5钟写法
摘要:定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area()Javascript代码//第1种写法function Circle(r) {this.r = r;}Circle.PI = 3.14159;Circle.prototype.area = function() {return Circle.PI * this.r * this.r;}var c = new Circle(1.0);alert(c.area());Javascript代码//第2种写法var Circle = function() {var obj = new Object();obj.PI = 3.1 阅读全文
posted @ 2011-02-24 18:18 H&M 阅读(497) 评论(0) 推荐(0)
ie 火狐 下OPTION对象的追加问题
摘要:火狐下:  var opt = new Option('txt', 'val');ie、火狐兼容:  var oOption = document.createElement("OPTION");  oOption.value = data[0]; oOption.text = data[1]; document.getElementById("xx").options.add(oOption);//document.getElementById("xx").appendChild(oOption); 阅读全文
posted @ 2011-01-24 12:18 H&M 阅读(222) 评论(0) 推荐(0)
ie 火狐 下select问题
摘要:Option中的空格测试 阅读全文
posted @ 2011-01-23 10:49 H&M 阅读(1276) 评论(0) 推荐(0)
ie 下图片自动移动(如图片轮播器) 抖动问题的解决
摘要:html{ filter: expression(document.execCommand("BackgroundImageCache", false, true)); } 阅读全文
posted @ 2011-01-10 18:51 H&M 阅读(293) 评论(0) 推荐(0)
JS 轮播器2
摘要:HTML 文件!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titleNew Web Project/title style type="text/css" .btn{ positi 阅读全文
posted @ 2011-01-08 18:10 H&M 阅读(911) 评论(0) 推荐(0)
JS 图片轮播器1
摘要:SCRIPTdocument.write('style type=text/css.introCss{font-size: 12px;line-height: 15px;text-decoration: none;font-weight: bold;color: #0080FF;text-align: center;vertical-align: top;} a.nav:visited {color:#0066CC; text-decoration: none;}a.nav:active { text-decoration: none;}a.nav:hover {color:#FF00 阅读全文
posted @ 2011-01-08 17:33 H&M 阅读(1992) 评论(0) 推荐(0)
JavaScript 比较时间大小
摘要:js静态函数Date.prase() 参数有很严格的要求。否则就会转化失败。例如: Date.parse( "2000-01-01" ) IE and Mozilla浏览器: "NaN"。那么我们一般在Web页面上显示的时 间 就不能直接转换。需要做处理。可以直接转换的格式"01/01/2000","2000/01/01"//定义正则表达式,因为jS对只能替换一个//转换为"2000/01/01"varregS=newRegExp("-","gi");var date1=document.getElementById("begindate");var date2=document.getEle 阅读全文
posted @ 2011-01-05 10:16 H&M 阅读(404) 评论(0) 推荐(0)
call apply 区别
摘要:<inputtype="text"id="myText"value="inputtext"><script>functionObj(){this.value="对象!";}varvalue="global变量";functionFun1(){alert(this.value);}window.Fun1();//global变量Fun1.call(window);//glob... 阅读全文
posted @ 2010-11-25 00:08 H&M 阅读(412) 评论(0) 推荐(0)
javascript正则表达式的基本知识
摘要:javascript 正则对象创建 和用法声明javascript 正则表达式var reCat = new RegExp("cat");你也可以var reCat = /cat/; //Perl 风格 (推荐)学习最常用的 test exec match searchreplacesplit 6个方法1) test检查指定的字符串是否存在var data = "123123";var reCa... 阅读全文
posted @ 2010-06-05 15:52 H&M 阅读(202) 评论(0) 推荐(0)
JS动态添加表格的行列
摘要:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt... 阅读全文
posted @ 2010-06-04 15:21 H&M 阅读(2214) 评论(0) 推荐(0)