BlogJava-JAVA FOR FUN-文章分类-JavaScript

javascript 异常处理 [转]

mlw2000 — Thu, 15 Feb 2007 03:18:00 GMT

异常处理概述
在代码的运行过程中，错误是不可避免的，总的来说，错误发生于两种情况：一是程序内部的逻辑或者语法错误，二是运行环境或者用户输入中不可预知的数据造成的错误。对于前者，就称之为错误（error），可以通过调试程序来解决；而后一种则更多的称之为异常（exception），顾名思义，就是超出常规，没有按程序设计的意愿来输入数据。当然，异常还会有许多种类型。
所以说，异常并不等价于错误，相反，有时还会利用异常来解决一些问题。JavaScript可以捕获一个异常并进行相应的处理，从而避免了浏览器向用户报错。

使用try-catch-finally处理异常
用户可以使用该结构处理可能发生异常的代码，如果发生异常，则由catch捕获并进行处理，其语法如下：
try{
       //要执行的代码
}
catch(e){
       //处理异常的代码
}
finally{
       //无论异常发生与否，都会执行的代码
}
通过异常处理，可以避免程序停止运行，从而具有了一定的自我修复能力。
在Ajax开发中，利用异常处理的一个典型应用就是创建XMLHttpRequest对象，不同浏览器创建它的方式是不一样的，为了使代码能够跨浏览器运行，就可以利用异常，一种方法不行，再用另一种方法，直到不发生异常为止，例如：

通过这种方式，就可以跨浏览器创建XMLHttpRequest对象。注意，即使不在catch块内进行处理，catch标识及其参数e也是必须写的，否则会产生语法错误，而finnally则不是必须的。
使用throw语句抛出异常
在JavaScript中有其内部的异常机制，在遇到非法操作时能自动抛出异常。实际的开发中，随着程序的复杂，需要能自己实现异常，这可以通过throw语句来实现：
throw value；
其中value就是要抛出的异常变量，它可以是JavaScript中的任何一种类型。但在JavaScript内部的异常中，异常参数（即catch(e)中的e）是一个名为error的对象，可以通过new Error(message)来创建这个对象，异常的描述被作为error对象的一个属性message，可以由构造函数传入，也可以之后赋值。通过这个异常描述message，可以让程序获取异常的详细信息，从而自动处理。
下面的程序计算两个数据的和，如果参数不是数字，则抛出异常，代码如下：

程序中使用字母作为参数传递给sum函数，是错误的，所以函数内抛出了一个异常对象，这个对象被catch语句获取，并使用alert语句显示了其详细信息。
注意：使用new Error(message)创建异常对象只是一种默认的习惯，也是内置异常的实现方式。这不是必需的，完全可以抛出任意数据类型的异常，例如一个整数，来作为异常的描述。只要在程序中抛出异常和捕获异常能匹配即可。

Error对象除了message属性以外，还有一些其他的属性，这些属性因浏览器而异，例如：在IE浏览器中，error对象的属性包括name、number、description、message；而在Firefox浏览器中，error对象的属性包括message、fileName、lineNumber、stack、name。在实际的应用中如果要实现自己的异常，这些属性只要被赋值，都是可用的，其中Firefox浏览器还会自动对stack属性赋值，用于显示异常出现的位置。

mlw2000 2007-02-15 11:18 发表评论

下拉列表的设定JS代码

mlw2000 — Mon, 29 Jan 2007 08:37:00 GMT

//下拉列表的设定
function setSelect(formName,objName,objValue)
{

var objSel = document.forms(formName).elements(objName);

for (var i = 0; i < objSel.length; i++)
{
  if (objSel.options(i).value == objValue)
  {
   objSel.options(i).selected = true;

   break;
  }
}
}

调用方法

mlw2000 2007-01-29 16:37 发表评论

网页播放技术【好代码】2和3

mlw2000 — Tue, 19 Dec 2006 08:21:00 GMT

aboutplayer

Play List:

    height="36">

用鼠标按着我拖拖看^o^

All Music

            http://www.gyvnet.com/music_new/web/user/usermusic/2947/2005030813201579754.mp3" onclick="addMusic();">麻吉弟弟甜蜜蜜

            http://www.gyvnet.com/music_new/web/user/usermusic/2308/2005063004283371564.mp3" onclick="addMusic();">第一滴泪 - 动力火车

            http://211.90.238.134/blog/upload/music/half.sugar.wma" onclick="addMusic();">半糖主义 - SHE

            http://web.163.sh.cn/~kkyhm/music/3.wma" onclick="addMusic();">发如雪 - 周杰伦

            Tips: 把歌曲拖入播放列表

mlw2000 2006-12-19 16:21 发表评论

网页播放技术【好代码】1

mlw2000 — Tue, 19 Dec 2006 08:18:00 GMT

在线音乐点播

            查看当前任务

            MP3点播

轩辕剑参外传-天之痕
            张真(红红好姑娘)



            播放速度调整


            较快加速
            减速较慢
            正常查看速度


            播放声音调整 静音/取消
            查看


            最大
            最小
            默认
            中大
            中等
            中小
            小
            加大音量减少音量
            查看


            播放界面控制

            显示/隐藏字幕
            查看


            显示/隐藏播放控制
            查看


            显示/隐藏音量控制
            查看


            显示/隐藏节日信息
            查看


            显示/隐藏GOTOBAR
            查看


            显示/隐藏位置控制
            查看


            显示/隐藏播放信息
            查看


            显示/隐藏播放跟踪条
            查看


            声道切换 左声道
            右声道
            左右平衡
            查看


            视频窗口大小 50%
            100%
            200%
            全屏
            查看


            播放进度控制 回到开始
            前进一分钟
            后退一分钟
            到最后
            查看


            选择伴音 天之痕
            无
            查看
            (注意不能马上生效,点击后需要再重新播放歌曲) 查看

mlw2000 2006-12-19 16:18 发表评论

测试正则表达式的工具（来自网上，稍作修改）

mlw2000 — Fri, 08 Dec 2006 07:31:00 GMT

测试正则表达式的网页

测试正则表达式

mlw2000 2006-12-08 15:31 发表评论

javascript中String 对象属性和方法

mlw2000 — Fri, 08 Dec 2006 02:36:00 GMT

属性

1.constructor 指定创建一个对象的函数。

constructor 属性是每个具有原型的对象的原型成员。这包括除了 arguments、Enumerator、Error、Global、Math、RegExp、Regular Expression 和 VBArray 对象以外的所有内部 JScript 对象。constructor 属性包含了对某种函数的引用,此种函数构造了特定对象的实例。
基于类的对象没有 constructor 属性。

2.length 返回字符串的长度。

length 属性包含一个整数,该整数指示 String 对象中的字符数。String 对象中的最后一个字符的索引为 length - 1。

3.prototype 为对象的类返回原型的引用。

用prototype属性为对象的类提供一组基本功能。对象的新的实例“继承”了赋予该对象的原型的行为。
所有内部 JScript 对象都有一个只读的 prototype 属性。可以像该例中那样,为原型添加功能,但不可以向对象赋予另外一个原型。但是,可以向用户定义的对象赋予新的原型。
本语言参考中,每个内部对象的方法和属性列表都指示了哪些是对象原型的一部分,哪些不是。
注意：当以快速模式（JScript .NET 的默认模式）运行时,不能修改内置对象的 prototype 属性。若要从命令行编译使用 prototype 属性的程序,必须使用 /fast- 关闭快速选项。由于线程处理问题,在 ASP.NET 中关闭快速选项是不安全的。

方法

1.function anchor(anchorString : String ) : String

返回对象中指定文本周围带有 HTML 定位点（具有 NAME 属性）的字符串。
参数：anchorString是要放在 HTML 定位点 NAME 属性中的文本。
备注：调用 anchor 方法在 String 对象外创建一个命名定位点。
未进行任何检查来查看此标记是否已应用于该字符串。

2.function big() : String

返回 String 对象中文本周围带有 HTML 标记的字符串。
备注：未进行任何检查来查看此标记是否已应用于该字符串。

3.function blink() : String

返回 String 对象中文本周围带有 HTML 标记的字符串。
备注：未进行任何检查来查看此标记是否已应用于该字符串。在 Microsoft Internet Explorer 中不支持标记

4.function bold() : String

返回 String 对象中文本周围带有 HTML 标记的字符串。
备注:未进行任何检查来查看此标记是否已应用于该字符串。

5.function charAt(index : Number) : String

返回 String 对象的指定索引处的字符
参数：index 必选。所需字符的从零开始的索引。有效值为 0 到字符串长度减 1 的数字。
备注：charAt 方法返回一个字符值,该字符值等于指定索引位置的字符。一个字符串中的第一个字符位于索引位置 0,第二个字符位于索引位置 1,依此类推。超出有效范围的 index 返回空字符串。

6.function charCodeAt(index : Number) : String

返回一个整数,该整数表示 String 对象中指定位置处的字符的 Unicode 编码。
参数：index 必选。所需字符的从零开始的索引。有效值为 0 到字符串长度减 1 的数字。
备注：一个字符串中的第一个字符位于索引位置 0,第二个字符位于索引位置 1,依此类推。如果指定 index 没有字符,将返回 NaN。

7.function concat([string1 : String [, ... [, stringN : String]]]]) : String

返回一个字符串值,该值包含当前字符串与提供的任何字符串的连接。
参数：string1, ..., stringN 可选。要连接到当前字符串末尾的 String 对象或文本。
备注：concat 方法的结果等同于：result = curstring + string1 + ... + stringN。curstring 是指对象中存储的用于提供 concat 方法的字符串。源字符串中或结果字符串中的值的变化都不会影响另一个字符串中的值。如果有不是字符串的参数,则它们在连接到 curstring 之前将首先被转换为字符串。

8.function fixed() : String

返回 String 对象中文本周围带有 HTML 标记的字符串。备注：未进行任何检查来查看此标记是否已应用于该字符串。

9.function fontcolor(colorVal : String) : String

返回 String 对象中文本周围带有 HTML 标记（具有 COLOR 属性）的字符串。
参数：colorVal 必选。包含颜色值的字符串值。可以是颜色的十六进制值,也可以是颜色的预定义名。
备注：有效的预定义颜色名取决于 JScript 主机（浏览器、服务器等）。它们也可能随主机版本的不同而不同。详细信息请查阅主机文档。未进行任何检查来查看此标记是否已应用于该字符串。

10.function fontsize(intSize : Number) : String

返回 String 对象中文本周围带有 HTML 标记（具有 SIZE 属性）的字符串。
参数：intSize 必选。用来指定文本大小的整数值。
备注：有效的整数值取决于 Microsoft JScript 主机。详细信息请参见主机文档。未进行任何检查来查看此标记是否已应用于该字符串。

11.function fromCharCode([code1 : Number [, ... [, codeN : Number]]]]) : String

从一些 Unicode 字符值中返回一个字符串。
参数：code1, ..., codeN 可选。要转换为字符串的 Unicode 字符值序列。如果没有给出参数,结果为空字符串。
备注：fromCharCode 方法是从全局 String 对象中调用的。

12.function indexOf(subString : String [, startIndex : Number]) : Number

返回 String 对象内第一次出现子字符串的字符位置。
参数：subString 必选。在 String 对象中搜索的子字符串。
startIndex 可选。该整数值指定在 String 对象内开始搜索的索引。若省略此参数,则搜索从字符串的起始处开始。
备注：indexOf 方法返回一个整数值,该值指示 String 对象内子字符串的起始位置。如果未找到子字符串,则返回 -1。如果 startindex 为负,则将 startindex 视为零。如果它比最大字符位置索引还大,则将它视为可能的最大索引。搜索将从左向右执行。否则,此方法与 lastIndexOf 相同。

13.function italics() : String

返回字符串对象中文本周围带有 HTML 标记的字符串。
备注：未进行任何检查来查看此标记是否已应用于该字符串。

14.function lastIndexOf(substring : String [, startindex : Number ]) : Number

返回 String 对象中某个子字符串的最后一个匹配项的索引。
参数：substring 必选。在 String 对象内将被搜索的子字符串。
startindex 可选。该整数值指定在 String 对象内开始搜索的索引。若省略该参数,则搜索将从字符串的结尾开始。
备注：lastIndexOf 方法返回一个整数值,指示 String 对象内子字符串的开始位置。如果未找到子字符串,则返回 -1。如果 startindex 为负,则将 startindex 视为零。如果它比最大字符位置索引还大,则将它视为可能的最大索引。从右向左执行搜索。否则,该方法和 indexOf 相同。

15.function link(linkstring : String) : String

返回 String 对象中文本周围带有 HTML 定位点和 HREF 属性的字符串。
备注：调用 link 方法来创建 String 对象外部的超级链接。未进行任何检查来查看此标记是否已应用于该字符串。

16.function localeCompare(stringExp : String) : Number

返回一个值,指示两个字符串在当前区域设置中是否相等。
参数：stringExp 必选。要与当前字符串对象进行比较的字符串。
备注：localeCompare 对当前字符串对象和 stringExp 进行区分区域设置的字符串比较,并返回 -1、0 或 +1,这取决于系统中默认的区域设置的排序顺序。如果当前字符串对象排在 stringExp 之前,则 localeCompare 返回 -1;如果当前字符串排在 stringExp 之后,则返回 +1。如果返回值为零,则说明这两个字符串是相等的。

17.function match(rgExp : RegExp) : Array

使用正则表达式模式对字符串执行搜索,并返回一个包含该搜索结果的数组。
参数：rgExp 必选。包含正则表达式模式和适用标志的 Regular Expression 对象的实例。也可以是包含正则表达式模式和标志的变量名或字符串。
备注：如果 match 方法没有找到匹配,将返回 null。如果找到匹配,则 match 方法返回一个数组,并将更新全局 RegExp 对象的属性以反映匹配结果。
match 方法返回的数组有三个属性：input、index 和 lastIndex。Input 属性包含整个被搜索的字符串。Index 属性包含了在整个被搜索字符串中匹配的子字符串的位置。LastIndex 属性包含了前一次匹配中最后一个字符的下一个位置。
如果没有设置全局标志 (g),数组的零元素包含整个匹配,而第 1 到第 n 个元素包含了匹配中曾出现过的任一个子匹配。此行为与没有设置全局标志的 exec 方法的行为相同。如果设置了全局标志,则元素 0 到 n 中包含所有出现的匹配。

18.function replace(rgExp : RegExp, replaceText : String) : String

返回一个字符串的副本,该字符串的文本已被使用正则表达式或搜索字符串替换。
参数：rgExp 必选。Regular Expression 对象的实例包含正则表达式模式和适用标志。也可以是 String 对象或文本。如果 rgExp 不是 Regular Expression 对象的实例,它将被转换为字符串,并对结果进行精确的搜索;字符串将不会被试图转化为正则表达式。
replaceText 必选。一个 String 对象或字符串文本,包含用于替换当前字符串对象中 rgExp 的每个成功匹配的文本。在 Jscript 5.5 或更高版本中,replaceText 参数也可是返回替换文本的函数。
备注：在完成指定的替换之后,replace 方法的结果是当前字符串对象的副本。下面任意的匹配变量都可用于识别最新的匹配及匹配字符串。在需要动态确定替换字符串的文本替换中可以使用匹配变量。

字符	含义
$$	$（JScript 5.5 或更高版本）
$&	指定当前字符串对象中与整个模式相匹配的部分。（JScript 5.5 或更高版本）
$`	指定当前字符串对象中位于 $& 所描述的匹配前面的部分。（JScript 5.5 或更高版本）
$'	指定当前字符串对象中位于 $& 所描述的匹配后面的部分。（JScript 5.5 或更高版本）
$n	第 n 个捕获到的子匹配,这里 n 为从 1 到 9 的十进制一位数。（JScript 5.5 或更高版本）
$nn	第 nn 个捕获到的子匹配,这里 nn 为从 01 到 99 的十进制二位数。（JScript 5.5 或更高版本）

如果 replaceText 是一个函数,对于每个匹配的子字符串,调用该函数时带有下面的 m + 3 个参数,这里 m 是在 rgExp 中用于捕获的左括弧的个数。第一个参数是匹配的子字符串。接下来的 m 个参数是搜索中捕获到的全部结果。参数 m + 2 是当前字符串对象中发生匹配位置的偏移量,而参数 m + 3 是当前字符串对象。结果为将每一匹配的子字符串替换为函数调用的相应返回值后的字符串值。Replace 方法更新全局 RegExp 对象的属性。

19.function search(rgExp : RegExp) : Number

返回正则表达式搜索中第一个子字符串匹配项的位置。
参数：rgExp 必选。Regular Expression 对象的实例包含正则表达式模式和适用标志。
备注：search 方法表示是否找到了匹配项。如果找到一个匹配项,则 search 方法将返回一个整数值,该值指示发生匹配处距字符串开头的偏移量。如果没有找到匹配项,则返回 -1。

20.function slice(start : Number [, end : Number]) : String

返回字符串的片段。
参数：start 必选。指向字符串指定部分的开头的索引。 end 可选。指向字符串指定部分的结尾的索引。
备注：slice 方法返回一个包含字符串指定部分的 String 对象。
slice 方法一直复制到 end 所指示的元素,但是不包括该元素。如果 start 为负,则将其视为 length + start,此处 length 为字符串的长度。如果 end 为负,则将其视为 length + end,此处 length 为字符串的长度。如果省略 end,则将一直提取到字符串的结尾。如果 end 出现在 start 之前,则不会将任何字符复制到新字符串中。

21.function small() : String

返回 String 对象中文本周围带有 HTML 标记的字符串。
备注：未进行任何检查来查看此标记是否已应用于该字符串。

22.function split([ separator : { String | RegExp } [, limit : Number]]) : Array

返回一个字符串拆分为若干子字符串时所产生的字符串数组。
参数：separator 可选。字符串或正则表达式对象的实例,它标识用于分隔字符串的一个或多个字符。如果忽略该参数,将返回包含整个字符串的单元素数组。
limit 可选。一个用于限制数组中返回的元素数的值。
备注：split 方法的结果是在字符串中出现 separator 的每个位置分隔字符串后产生的字符串数组。separator 将不作为任何数组元素的一部分返回。

23.function strike() : String

返回 String 对象中文本周围带有 HTML 标记的字符串。
备注：未进行任何检查来查看此标记是否已应用于该字符串。

24.function sub() : String

返回 String 对象中文本周围带有 HTML _{标记的字符串。
备注：未进行任何检查来查看此标记是否已应用于该字符串。}

25.function substr(start : Number [, length : Number]) : String

返回一个从指定位置开始,并具有指定长度的子字符串。
参数：start 必选。所需的子字符串的起始位置。字符串中第一个字符的索引为 0。
length 可选。返回的子字符串中包含的字符数。
备注：如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到字符串的结尾。

26.function substring(start : Number, end : Number) : String

返回位于 String 对象中的指定位置的子字符串。
参数：start 必选。从 0 开始的索引整数,指示子字符串的起始位置。
end 必选。从 0 开始的索引整数,指示子字符串的结束位置。
备注：substring 方法将返回一个字符串,该字符串包含从 start 直到 end（不包含 end）的子字符串。substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。例如,strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。如果 start 或 end 为 NaN 或负数,那么它将被替换为 0。子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 中,返回的子字符串的长度为 3。

27.function sup() : String

返回 String 对象中文本周围带有 HTML ^{标记的字符串。
备注：未进行任何检查来查看此标记是否已应用于该字符串。}

28.function tolocaleLowerCase() : String

返回一个字符串,其中所有的字母都被转换为小写,同时考虑到宿主环境的当前区域设置。
备注：toLocaleLowerCase 方法转换字符串中的字符,同时考虑到宿主环境的当前区域设置。在大多数情况下,其结果与利用 toLowerCase 方法所得到的结果相同。如果语言规则与常规的 Unicode 大小写映射冲突,则结果将会不同。

29.function tolocaleUpperCase() : String

返回一个字符串,其中所有字母都被转换为大写,同时考虑宿主环境的当前区域设置。
备注：toLocaleUpperCase 方法转换字符串中的字符,同时考虑到宿主环境的当前区域设置。在大多数情况下,其结果与使用 toUpperCase 方法所得到的结果相同。如果语言规则与常规的 Unicode 大小写映射冲突,则结果将会不同。

30.function toLowerCase() : String

返回一个字符串,该字符串中的所有字母都被转换为小写字母。
备注：toLowerCase 方法对非字母字符无效。

31.function toString( [radix : Number] ) : String

返回表示对象的字符串。
参数：radix 可选。为将数字值转换为字符串指定一个基数。此值仅用于数字
备注：toString 方法是一个所有内置的 JScript 对象的成员。它的行为取决于对象的类型：

对象	行为
数组	将 Array 的元素转换为字符串。结果字符串被连接起来,用逗号分隔。
布尔型	如果布尔值是 true,则返回“真”。否则,返回“假”。
日期	返回日期的文本表示。
错误	返回一个包含相关错误信息的字符串。
函数	返回如下格式的字符串,其中 functionname 是一个函数的名称,此函数的 toString 方法被调用： "function functionname() { [native code] }"
数字	返回数字的文字表示。
字符串	返回 String 对象的值。
默认	返回“[object objectname]”,其中 objectname 是对象类型的名称。

32.function toUpperCase() : String

返回一个字符串,该字符串中的所有字母都被转换为大写字母。
备注：toUpperCase 方法对非字母字符无效。

33.function valueOf() : object

返回指定对象的原始值。
备注：每个内部 JScript 对象的 valueOf 方法被以不同方式定义。

对象	返回值
数组	数组元素被转换为字符串,这些字符串被连接在一起,用逗号分隔。这与 Array.toString 和 Array.join 方法作用相同。
布尔型	布尔值。
日期	以毫秒数存储的时间值,从 UTC 1970 年 1 月 1 日午夜开始计算。
函数	函数本身。
数字	数字值。
对象	对象本身。这是默认设置。
字符串	字符串值。

Math 和 Error 对象都没有 valueOf 方法。

mlw2000 2006-12-08 10:36 发表评论

javascript对象定义方法 [转]

mlw2000 — Thu, 07 Dec 2006 16:42:00 GMT

javascript对象定义方法

     工厂模式:
      初级开发者可能会这样定义对象:
      var obj = new Object();
       obj.name = "hero";
        obj.showName=function (){alert(this.name);}
      这里存在一个问题就是如果我们要在多个地方用obj对象,可能在程序中类似的代码要写好多遍,于是产生了工厂方法
       function createObj()
       {
            var obj = new Object();
            obj.name="hero";
            obj.showName=function (){alert(this.name);}
            return obj;
      }
      var obj1 = createObj();
      var obj2 = createObj();
     和另外一种方法构造函数法
       function obj (name)
       {
               this.name=name;
              this.showName= function (){alert(this.name);}

       }


把生成对象的代码封装起来,避免出现重复new的代码,当然也可以进一步改进,就是createObj传递一些参数,而不是给obj赋默认固定值:
            function createObj(name)
       {
            var obj = new Object();
            obj.name=name;
            obj.showName=function (){alert(this.name);}
            return obj;
      }
      var obj1 = createObj("hero");
      var o'b'j2=createObj("dby");
但是存在一个问题,就是我们每次调用createObj函数都会创建新的函数 showName.意味着每个对象都有自己版本的showName,所以要改进避开这个问题.
        function showName()
       {
               alert(this.name)
        }
        function createObj(name)
       {
            var obj = new Object();
            obj.name=name;
            obj.showName=showName;
            return obj;
      }

       这样就解决了重复创建函数的问题, 哈哈哈,大功告成 ,亲一个.

      原型方式:
          主要是利用对象的prototype属性.
         function obj()
         {}
         obj.prototype.name="hero";
         obj.prototype.showName=function()
         {
               alert(this.name);
         }
         看起来似乎比刚才的工厂还完美,但是有一个问题,该函数没有构造函数,属性是通过prototype指定的,这一点在实际应用中很让人头疼,所有的实例的属性都一样实在是不能让人接受.尤其还存在一个安全隐患,那就是当对象中有引用时,例如   加上这样一段
obj.prototype.nameArray = new Array("hero","dby");
       然后
          obj1 = new obj();
          obj2 = new obj();
          obj1.nameArray.push("lxw");
          在obj2的nameArray中将也会看到这个属性,因为两个对象的nameArray指向的是同一个引用.
           所以这种方式并不是理想方法.
    需要改进
      结合构造函数,在构造函数定义属性,用原型定义方法
      例如
      fuction obj(name)
      {
             this.name = name
             this.nameArray = new Array("hero","dby");
      }
      obj.prototype.showName = function(){alert(this.name)}
所有的非函数属性都在构造函数里创建,函数属性用prototype方式创建,obj1 中改变nameArray的值,不会影响到obj2对象的nameArray的值, 而且只有一个showName函数,所以没有内存浪费.
    基本上完美了,剩下的基本都是一下其他的修饰了.有兴趣的可以自己改着玩玩.
     笔者在这里加上一个单例玩了一下:
     function obj (name)
     {
            this.name = name;
            this.nameArray=new Array("hero","dby");
            if(typeof obj._initialized=='undefined')
            {
                     obj.prototype.showName=function(){alert(this.name);}
                     obj._initialized="true";
            }
     }
     其实不算是单例, 只不过是在构造对象的时候,先判断一个属性是否被定义,如果没有定义,那么用原型方法继续定义对象,如果已经定义了属性,那么就不在重复定义函数了. 该prototype方法只被创建一次,病赋值一次.
    又差不多完美了,大功告成 .

mlw2000 2006-12-08 00:42 发表评论

VML绘图时发现的一个问题（在大量点坐标的情况下中间出现空格）

mlw2000 — Thu, 07 Dec 2006 01:34:00 GMT

VML sharp的path字符串，在比较短的VML线的时候，是下面的样子：

" m0,0 l22,23,24,56,57,300,800,800 e"

在大量点坐标的情况下,可能会在中间出现空格，注意下面的56和57之间的空格：

" m0,0 l22,23,24,56 57,300,800,800 e"

mlw2000 2006-12-07 09:34 发表评论

IE中非模式对话框(showModelessDialog)应用 [转]

mlw2000 — Wed, 06 Dec 2006 06:18:00 GMT

非模式对话框是IE的一种窗口形式，打开非模式对话框后，在其被关闭之前，主调窗口不会继续解析其后的htm代码，同时主调窗口也不会被选中。

主调窗口与非模式窗口的信息传递

1．函数调用传递方式

vReturnValue = window.showModelessDialog ( sURL [, vArguments] [, sFeatures] )

主调窗口通过showModelessDialog方法的第二个参数 vArguments 向非模式窗口传递参数，该参数可以是数组，也可以是DOM对象。

非模式窗口通过window.dialogArguments 来提取传递过来的参数，若是数组，则用window.dialogArguments[i]来表示数组的第i个参数

非模式窗口通过window.returnValue向主调窗口传回值，这个值作为showModelessDialog 方法的返回值被主调窗口接收。

2．窗口操作传递方式

非模式窗口通过主调窗口传递过来window对象直接操纵主调窗口的元素

此时showModelessDialog 需要将主调窗口的 window 对象作为参数传出，在非模式窗口中即可取得主调窗口的窗口参考，用脚本可以直接对它操纵。

如主调窗口的调用代码如下：

showModelessDialog ("myDialog.htm",window,"status:false;dialogWidth:300px;dialogHeight:300px;edge:Raised; enter: Yes; help: No; resizable: No; status: No");

非模式窗口JScript代码如下，即可接收主调窗口的窗口对象

var sData = window.dialogArguments;

接着就可以操作主调窗口的任意变量和函数了，如下：

sData.sUserName = ‘Value from ModelessDialog’; // sUserName是主调窗口的全局变量

sData.fnUpdate(); //fnUpdate是主调窗口的函数，在该函数中对sUserName变量做处理

这种方式下，主调窗口可以不通过普通返回值方式取得非模式窗口设定的数值

备注：

将主调窗口的Window对象传入非模式窗口是一种很灵活的操作手段。但在实践中发现，窗口对象只能是主调窗口自己的，你不能通过Dom对象结构，将其他帧页面（非主调窗口）的Window对象传入。但在非模窗口中可以根据传入的主调窗口的Window对象，通过Dom对象结构引用到非主调窗口的任何对象。

关于非模式对话框的参数设置sFeatures见

http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/showModelessDialog.htm

mlw2000 2006-12-06 14:18 发表评论

网页调色板代码『收集』

mlw2000 — Tue, 05 Dec 2006 15:29:00 GMT

2.

test1.html
=====================================

color.html
====================================

调色板

mlw2000 2006-12-05 23:29 发表评论

资料：Javascript 操作XML[转]

mlw2000 — Wed, 22 Nov 2006 10:19:00 GMT

一般从服务端的返回可以得到一个XML对象。
例如服务器返回的：XMLHttpRequest.ResponseXML
这里的XMLHttpRequest就是ajax的核心对象。
在IE下可以这样创建：xmlHttp = new ActiveXObject( " Microsoft.XMLHTTP " ).
javascript操作XML先创建一个XML DOM对象：var dom = new ActiveXObject( " Microsoft.XMLDOM " );
然后dom.loadXML（ResponseXML）就ok了。
接下来就可以操作xml，获取内容了。
一些常用的函数如下（一些在网上收集的，一些时平时老大教的）：
Microsoft.XMLDOM 对象常用的属性：
1 、attributes 属性，返回当前节点的属性列表
2 、childNodes 属性，返回当前节点的所有子节点列表
3 、documentElement 属性，返回xml文件的根节点，通过Microsoft.XMLDOM对象名来调用
4 、firstChild 属性、lastChild 属性，返回当前节点的第一个子（最后一个）元素（如果没有子节点是不是返回
第一个属性？）
5 、nextSibling （previousSibling ）属性，下一个兄弟节点。
6 、nodeName 属性，返回节点的标签名字
7 、nodeValue 属性，传回指定节点相关的文字（不是属性，就是 * 号的这个内容 ** ）
8 、ownerDocument 属性，根节点
9 、parentNode 属性，传回目前节点的父节点。只能应用在有父节点的节点中。
搞一个例子：
function Add()
{
var dom = new ActiveXObject( " Microsoft.XMLDOM " );
dom.loadXML(ret);
if (dom.documentElement != null )
{
var nodes = dom.documentElement.selectNodes( " //SelectItem " ); // 得到根节点下所有SelectItem节点
if (nodes != null )
{
for (var i = 0 ;i
一些常用的函数：
1 、AppendChild 方法，加上一个节点当作指定节点最后的子节点。
2 、cloneNode（deep）方法，deep 是一个布尔值。如果为true，此节点会复制以指定节点发展出去的所有节
点。如果是false，只有指定的节点和它的属性被复制。
3 、createAttribute(name)方法，建立一个指定名称的属性。
4 、createElement 方法，建立一个指定名称的元素。
5 、xmlDocument.createNode(type, name, nameSpaceURI);type 用来确认要被建立的节点型态，name 是一个字符
串来确认新节点的名称，命名空间的前缀则是选择性的。nameSpaceURI 是一个定义命名空间URI 的字
符串。如果前缀被包含在名称参数中，此节点会在nameSpaceURI 的内文中以指定的前缀建立。如果不
包含前缀，指定的命名空间会被视为预设的命名空间。
6 、getElementsByTagName 方法，传回指定名称的元素集合。
7 、haschildnodes 方法，要解释吗？
8 、insertBefore 方法，在指定的节点前插入一个子节点。xmlDocumentNode.insertBefore
(newChild,refChild);refChild 是参照节点的地址。新子节点被插到参照节点之前。如果refChild 参数没有包含
在内，新的子节点会被插到子节点列表的末端。
9 、load 方法和loadXML 方法，前这从url，后者从字符串片断。
10 、nodeFromID 方法，传回节点ID 符合指定值的节点。
11 、removeChild 方法和replaceChild(newChild,oldChild)，顾名思义
12 、selectNodes和selectSingleNode 方法，传回所有符合提供样式的节点。参数为一包含XSL 样式的字符串。
以下收集了一些MSDN的例子
( 1 )
var xmlDoc = new ActiveXObject( " Msxml2.DOMDocument.3.0 " );
var rootElement = xmlDoc.createElement( " memo " );
xmlDoc.appendChild(rootElement);( 2 ) var xmlDoc = new ActiveXObject( " Msxml2.DOMDocument.3.0 " );
var rootElement = xmlDoc.createElement( " memo " );
rootElement.setAttribute( " author " , " Pat Coleman " ); // 属性author的值为Pat Coleman
xmlDoc.appendChild(rootElement);
( 3 ) var xmlDoc = new ActiveXObject( " Msxml2.DOMDocument.3.0 " );
var rootElement = xmlDoc.createElement( " memo " );
var memoAttribute = xmlDoc.createAttribute( " author " );
var memoAttributeText = xmlDoc.createTextNode( " Pat Coleman " );
memoAttribute.appendChild(memoAttributeText);
rootElement.setAttributeNode(memoAttribute);
xmlDoc.appendChild(rootElement);
// 这个例子和(2)同样效果，但是用不同的方法，这里把attribute也当做一个节点，attribute node的
子节点只可以是textnode，所以这里要先创建一个textnode在赋给他。
（ 4 ）
var xmlDoc = new ActiveXObject( " Msxml2.DOMDocument.3.0 " );
var rootElement = xmlDoc.createElement( " memo " ); // 创建一个元素
var memoAttribute = xmlDoc.createAttribute( " author " ); // 创建一个属性
var memoAttributeText = xmlDoc.createTextNode( " Pat Coleman " ); // 创建一个文本节点
var toElement = xmlDoc.createElement( " to " ); // 再创建一个元素
var toElementText = xmlDoc.createTextNode( " Carole Poland " ); // 再创建一个文本节点
memoAttribute.appendChild(memoAttributeText);
xmlDoc.appendChild(rootElement);
rootElement.setAttributeNode(memoAttribute);
rootElement.appendChild(toElement);
toElement.appendChild(toElementText);

属性：
attributes
Contains the list of attributes for this node. Read - only.
baseName
* Returns the base name for the name qualified with the namespace. Read - only.
childNodes
Contains a node list containing the children nodes. Read - only.
dataType
* Specifies the data type for this node. Read / write.
definition
* Returns the definition of the node in the document type definition (DTD) or schema. Read - only.
firstChild
Contains the first child of the node. Read - only.
lastChild
Returns the last child node. Read - only.
name
Contains the attribute name. Read - only.
namespaceURI
* Returns the Uniform Resource Identifier (URI) for the namespace. Read - only.
nextSibling
Contains the next sibling of this node in the parent ' s child list. Read-only.
nodeName
Contains the qualified name of the element, attribute, or entity reference, or a fixed string for other node types. Read - only.
nodeType
Specifies the XML Document Object Model (DOM) node type, which determines valid values and whether the node can have child nodes. Read - only.
nodeTypedValue
* Contains the node value expressed in its defined data type. Read / write.
nodeTypeString
* Returns the node type in string form. Read - only.
nodeValue
Contains the text associated with the node. Read / write.
ownerDocument
Returns the root of the document that contains the node. Read - only.
parentNode
Contains the parent node. Read - only.
parsed
* Indicates the parsed status of the node and child nodes. Read - only.
prefix
* Returns the namespace prefix. Read - only.
previousSibling
Contains the previous sibling of this node in the parent ' s child list. Read-only.
specified
Indicates whether the node (usually an attribute) is explicitly specified or derived from a default value in the document type definition (DTD) or schema. Read - only.
text
Represents the text content of the node or the concatenated text representing the node and its descendants. Read / write.
value
Contains the attribute value. Read / write.
xml
Contains the XML representation of the node and all its descendants. Read - only.
方法：
appendChild
Appends new child node as the last child of this node.
cloneNode
Clones a new node.
hasChildNodes
Provides a fast way to determine whether a node has children.
insertBefore
Inserts a child node to the left of the specified node or at the end of the list.
removeChild
Removes the specified child node from the list of children and returns it.
replaceChild
Replaces the specified old child node with the supplied new child node.
selectNodes
Applies the specified pattern - matching operation to this node ' s context and returns the list of matching nodes as IXMLDOMNodeList.
selectSingleNode
Applies the specified pattern - matching operation to this node ' s context and returns the first matching node.
transformNode
Processes this node and its children using the supplied XSL Transformations (XSLT) style sheet and returns the resulting transformation.
transformNodeToObject
Processes this node and its children using the supplied XSL Transformations (XSLT) style sheet and returns the resulting transformation in the supplied object.

mlw2000 2006-11-22 18:19 发表评论

测试正则表达式
正则表达式字符串:
正则表达式参数:
测试用的字符串:
选择测试方法:
生成的表达式:
生成的JS表达式:
返回类型:
结果:
regex lastIndex: