BlogJava-爪哇之家-文章分类-javascript

能预览Flash也可以预览图片

爪哇之家 — Sat, 09 Sep 2006 06:25:00 GMT

爪哇之家 2006-09-09 14:25 发表评论

网页常用小技巧(JavaScript)

爪哇之家 — Mon, 14 Aug 2006 03:20:00 GMT

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

可用于Table

2. 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. IE地址栏前换成自己的图标

6. 可以在收藏夹中显示出你的图标

7. 关闭输入法

8. 永远都会带着框架

9. 防止被人frame

10. 网页将不能被另存为

11. onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

12.删除时确认
删除

13. 取得控件的绝对位置
//Javascript

//VBScript

14. 光标是停在文本框文字的最后

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口

本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

18. 网页不会被缓存

或者

19.怎样让表单没有凹凸感？

或

20.

&的区别？

(division)用来定义大段的页面元素，会产生转行
用来定义同一行内的元素，跟

的唯一区别是不产生转行
是ns的标记，ie不支持，相当于

21.让弹出窗口总是在最上面:

22.不要滚动条?
让竖条没有:

让横条没有:

两个都去掉？更简单了

23.怎样去掉图片链接点击后，图片周围的虚线？

24.电子邮件处理提交表单

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<br />
32. 日期减去天数等于第二个日期

33. 选择了哪一个Radio

Style
Barcode

34.脚本永不出错

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度：
把如下代码加入区域中:

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面
推出页面
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

39.在规定时间内跳转

40.网页是否被检索

　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

41.JAVASCRIPT判断IE是否开启COOKIE

< script type = " text/javascript " >

       function CookieEnable()
      {
         var result = false ;
         if (navigator.cookiesEnabled)
           return true ;
        document.cookie = " testcookie=yes; " ;
         var cookieSet = document.cookie;
         if (cookieSet.indexOf( " testcookie=yes " ) > - 1 )
          result = true ;
        document.cookie = "" ;
         return result;
      }

       if ( ! CookieEnable())
      {
        alert( " 对不起，您的浏览器的Cookie功能被禁用，请开启 " );
      }
script >

匹配中文字符的正则表达式： [\u4e00-\u9fa5]

匹配双字节字符(包括汉字在内)：[^\x00-\xff]

应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}

匹配空行的正则表达式：\n[\s| ]*\r

匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/

匹配首尾空格的正则表达式：(^\s*)|(\s*$)

应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下：

String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}

利用正则表达式分解和转换IP地址：

下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：

function IP2V(ip)
{
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
}
}

不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：

var ip="10.100.20.168"
ip=ip.split(".")
alert("IP值是："+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配网址URL的正则表达式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

利用正则表达式去除字串中重复的字符的算法程序：
[注：此程序不正确，原因见本贴回复]

var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2) //结果为：abcefgi

我原来在CSDN上发贴寻求一个表达式来实现去除重复字符的方法，最终没有找到，
这是我能想到的最简单的实现方法。思路是使用后向引用取出包括重复的字符，
再以重复的字符建立第二个表达式，取到不重复的字符，两者串连。
这个方法对于字符顺序有要求的字符串可能不适用。

得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1

s="http://www.9499.net/page1.htm"
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")
alert(s)

利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

爪哇之家 2006-08-14 11:20 发表评论

javascript常用到的一些方法

爪哇之家 — Mon, 17 Jul 2006 07:49:00 GMT

摘要: javascript常用到的一些方法 function openBigWin(temUrl) { var Wid; var Hei; ... 阅读全文

爪哇之家 2006-07-17 15:49 发表评论

Prototype.js

爪哇之家 — Sun, 16 Jul 2006 06:27:00 GMT

摘要: prototype.js 覆盖版本 1.3.1 1. Prototype是什么? ... 阅读全文

爪哇之家 2006-07-16 14:27 发表评论

JavaScript中的继承(下)

爪哇之家 — Sun, 16 Jul 2006 05:30:00 GMT

Prototype

在《JavaScript中的对象(下)》一文中，我们了解到任何prototype的属性和方法都会被传递到该类的所有实例中，利用这一特性，使用prototype也能实现继承。

需要注意的是，这种实现继承的方法不能将参数传入到ClassA的构造器中，是一个缺陷。ClassB的所有属性和方法必需在将ClassB的 prototype对象指向ClassA的实例之后进行附值。这样做是因为，prototype指向一个新的对象，在此之前prototype的属性和方法都被覆盖销毁。

对代码进行测试：

var obj1 = new ClassA();
var obj2 = new ClassB();
obj1.id = 1998;
obj2.id= 2000;
obj2.name ="悉尼奥运会";
obj1.sayId();  //输出"1998"
obj2.sayId();  //输出"1998"
obj2.sayName();  //输出"悉尼奥运会"

alert(obj2instanceofClassA);  //输出"true"
alert(obj2 instanceofClassB);  //输出"true"

    在上述代码中可以看出，使用prototype实现继承，instanceof操作符出现了另外的用途，在用构造起定义类实现继承时，instanceof不会出现这种效果。但是使用prototype不能支持多重继承。

    在《JavaScript中的对象(下)》和上文的论述中可以了解到，使用构造器定义类实现继承和使用prototype实现继承均存在各自的缺陷，要避免出现这些情况，只有将两者混合使用。

    混合方法

    《JavaScript中的对象(下)》一文中曾经论述，创建一个类的最佳方法，是使用构造器的方法去定义属性，使用prototype定义方法。在继承中同样如此。

爪哇之家 2006-07-16 13:30 发表评论

JavaScript中的继承(上)

爪哇之家 — Sun, 16 Jul 2006 05:29:00 GMT

继承是面向对象语言基本特征之一，通过继承可以将父类所具有的特性遗传到子类。ECMAScript中的继承不像Java、C++等语言那么明显，直接通过关键字来实现，通常它是通过模拟方式来实现继承功能的，并且实现方式有多种。

在继承中引入this关键字，使用构造器方法定义类来实现继承。一个构造器是一个函数，因此可以将父类的构造器作为子类的一个方法使用并进行调用。

    注意，子类中所有新的属性和方法都必需在删除newMethod后引入，否则，可能存在用父类的属性和方法重写子类属性和方法的危险。另外，使用这种方法还可以实现多重继承，此时如果两个父类具有相同的属性或方法时，最后的类具有优先级。由于这种继承方法比较流行，ECMAScript第三版引入了两个 Function对象：call()和apply()。

    call()

    call()方法是最接近上述继承方式的方法，它的第一个参数是this指向的对象，所有的其他参数都直接传到function。

function sayMessage(first, last) {
alert(first + this.logic +last);
};

varobj =new Object();
obj.logic = "or";

sayMessage.call(obj,"Coffee ", "Tea"); //输出"Coffee or Tea"

用call()方法来实现继承，只需要this.newMethod相关的三行代码。

function ClassB(id, name) {
    //this.newMethod = ClassA;
  //this.newMethod(id);
  //delete this.newMethod;
  ClassA.call(this, id);  //this指向ClassB的对象

  this.name =name;
  this.sayName = function() {
     alert(this.name);
   };
}

apply()

apply()方法需要两个参数：this所指向的对象，和传到function的由参数组成的array。

function sayMessage(first, last)  {
  alert(first + this.logic +last);
};

var obj = new Object();
obj.logic = "or";

sayMessage.apply(obj, new Array("Coffee ", " Tea"));  //输出"Coffee or Tea"

同样，使用 apply() 实现继承可以通过如下方法实现。

function ClassB(id, name) {
  //this.newMethod = ClassA;
  //this.newMethod(id);
  //delete this.newMethod;
  ClassA.apply(this, new Array(id));  //this指向ClassB的对象

  this.name = name;
  this.sayName = function() {
    alert(this.name);
  };
}

当父类构造器的参数和子类构造器参数的顺序一致时，可以使用子类的arguments对象作为第二个参数。否则，必需创建一个array来传递参数，或是使用call()方法。

爪哇之家 2006-07-16 13:29 发表评论

JavaScript中的对象(上)

爪哇之家 — Sun, 16 Jul 2006 05:28:00 GMT

面向对象语言需要具备三种基本特征：继承（Inheritance）、多态 (Polymorphism) 、封装（Encapsulation and Aggregation）。和Java 、C++ 等语言一样，ECMAScript 被认为是面向对象的，因为它同时支持这些特征。

var obj = new Object();

    该语句创建了一个对象，当构造函数没有参数时，可以省略后面的括号。我们通常是通过对象的引用来进行对象操作，当一个对象的引用为null时， ECMAScript将启动垃圾回收程序删除该对象，释放内存。当一个对象存在多个引用时，需要将所有的引用设置为null来释放该对象所占用的空间。

1 早期绑定和动态绑定

    早期绑定是指在对象被实例化之前对象的属性和方法已经被定义，使得编译器或解释器能够提前编译机器码。Java和VB支持这种特性，但ECMAScript 并非强类型，不支持早期绑定。

    动态绑定是指编译器或解释器在运行时才知道该对象的具体类型，之前并不会检查，只会判断这些属性和方法是否得到该对象的支持。ECMAScript对所有的变量使用动态绑定。

2 对象类型

2.1 原始对象

    ECMA-262 定义不受主机环境影响的ECMAScript支持的任意对象为原始对象，简而言之，原始对象就是ECMA-262定义的引用类型，比较常用的有 Object、Function、String、Boolean、Number、Array、Date。

    Array

    Array 有许多常用的方法，很多和Java类似，在此不作介绍。需要注意的是，使用push()和pop()两个方法，可以将Array看作一个栈，遵循后进先出规则（LIFO）。使用shift()和push()两个方法，Array对象即可看作是一个队列，遵循后进后出的规则（LILO）。splice()方法非常有用，它轻松的实现了链表的一些基本功能，如删除数据项、插入数据、替换数据。

    Date

    ECMAScript 中的Date类是基于Java早期版本中的java.util.Date类的，它可以精确表示1970年1月1日（格林威治时间）前后285616年的任意时间。Date是少有的几个重写了toString()和valueOf()方法，并且两个方法并不相同的类。valueOf()通常表示精确到毫秒级的时间，toString()通常返回个性化的时间表示方法，例如相同的时间在不同浏览器下显示的效果可能不一样。

2.2 Build-in对象

    Build-in 对象除了具备原始对象的基本特性外，它在 ECMAScript 程序开始运行时就可以使用，因此可以说任何 Build-in 对象就是原始对象。目前 ECMA-262 只定义了两个 Build-in 对象： Global 和 Math 。

    Global

    在ECMAScript 里，没有函数可以单独存在，所有的函数都必须是某个对象的方法。如isNan()、isFinite()、parseInt()、parseFloat ()、encodeURI()、encodeURIComponent()、decodeURI()、decodeURIComponent() 等均是Global对象的方法，除此之外，Global对象还包括一些属性。

    Math

    Math中有许多属性和方法可以用于数学计算，和Java中的比较类似。

2.3 Host 对象

    除了原始对象和Build-in对象外，其他对象均是Host对象。所有的BOM和DOM对象均被认为是Host对象。

3 类成员的访问方式

    在面向对象语言程序设计中，常见的类成员访问方式有public、protected和private。在ECMAScript中，只有public一种访问方式，对象中所有的属性和方法都是可见的，因此，在程序设计时需要额外注意系统安全性的问题。在没有合理的程序规范之前，程序员在编写 ECMAScript代码时，通常使用一定规范的命名方式来说明该属性或方法是私有的（仅仅是说明而已，实际上还是公有的），例如在名称前后加上下划线，或只在名称前加下划线。另外，在ECMAScript中没有static方法。

4 this关键字

    this关键字是ECMAScript中一个非常重要的概念，通常在对象的方法中使用。

function whatFruit() {
  alert( this .color);
}

var table1 = new Object;
table1.fruit = " apple " ;
table1.whatFruit = whatFruit;
var table2 = new Object;
table2.fruit = " pear " ;
table2.whatFruit = whatFruit;
table1.whatFruit();   // 输出apple
table2.whatFruit();   // 输出pear

当一个变量前面没有对象或this来引用时，ECMAScript认为该变量是一个本地的或全局变量，于是在本地和全局中去搜寻该变量，如果最后仍没有找到，将会在alert中输出null。

爪哇之家 2006-07-16 13:28 发表评论

JavaScript中的对象(下)

爪哇之家 — Sun, 16 Jul 2006 05:28:00 GMT

5 自定义类和对象

5.1 工厂方法

在ECMAScript中创建工厂方法，返回一个特定类型的对象，以此实现代码的简洁适用。

function createFruit() {
  var tempFruit = new Object;
  tempFruit.name = "apple";
  tempFruit.number = 5;
  tempFruit.showName = function() {
    alert(this.name);
  };
return tempFruit;
}

var Fruit1 = creatFruit();
var Fruit2 = creatFruit();

在createFruit()中可以加入形参来传入参数的值。随着ECMAScript不断被规范化，这种创建对象的方法已不再流行，一部分原因是语法上的，一部分原因是功能上的，如每个对象的实例都拥有属于自己的showName方法，给内存管理带来一定的开销。

5.2 构造函数

选择一个类名，第一个字母大写，该类名即是构造函数的名称。创建一个构造函数和工厂方法比较类似，不同的是需要使用关键字new来创建对象的引用。使用构造函数的方式来创建对象和使用工厂方法有着相同的弊端。

function Fruit(name, number) {
  this.name = name;
  this.number = number;
  this.showName = function() {
    alert(this.name);
  };
}

var Fruit1 = new Fruit("apple", 5);
var Fruit2 = new Fruit("pear", 3);

5.3 使用 Prototype

使用prototype属性可以用来创建新的对象，首先需要一个空的构造函数建立类的名称，然后所有的属性和方法都直接分配到prototype属性中。

function Fruit() {
}
Fruit.prototype.name = "apple";
Fruit.prototype.number = 5;
Fruit.prototype.showName = function() {
alert(this.name);
};

var fruit1 = new Fruit();
var fruit2 = new Fruit();

但是，这样同样存在一些缺点。首先，构造函数中没有参数，给初始化带来一些麻烦，其次，当一个属性指向的是一个对象而非方法时，该对象会被所有的实例所共享，任何一点改动都会影响到其他对象引用的使用。

5.4 混合使用工厂方法和Prototype

这个概念很简单：使用构造函数定义所有除方法外的属性，使用 prototype 定义对象的方法。这样每个方法只会被创建一次，每个对象都能拥有自己对象实例的属性。

function Fruit(name, number) {
  this.name = name;
  this.number = number;
  this.owner = new Array("Jerry", "Terry");
}
Fruit.prototype.showName = function() {
  alert(this.name);
};

var Fruit1 = new Fruit("apple", 5);
var Fruit2 = new Fruit("pear", 3);

5.5 动态 prototype

    简单来说，这种方法就是使用了一个标识符来判断 prototype 是否已经被指向某个方法，从而保证这些方法只会被创建并指向一次。

5.6 混合工厂方法

    这种方法和经典的工厂方法及构造函数方法在对象方法内存管理上存在同样的问题，一般不建议使用该方法，除了某些特殊情况（XML in JavaScript中有这样的例子）。

6 修改对象

    使用prototype对象可以对对象进行修改。除了用户自定义的对象外，ECMAScript原始对象也有prototype属性。直接使用 prototype可以给对象创建新的方法。

Number.prototype.toHexString = function() {
return this.toString(16);
};
var iNum = 10;
alert(iNum.toHexString()); //输出A

另外，使用prototype可以轻松修改已有的方法，让方法名指向新的方法。需要注意的是，指向新的方法后，原有的方法不再被任何对象使用，将会被垃圾回收器销毁，使得原有方法不再存在。比较安全的解决办法是，建立一个新的引用来保存原有的方法，然后再将原方法覆盖。

比较特殊的是，ECMAScript中创建对象，在对象引用被创建后，可以给对象加入新的方法，并且可以立即在对象的引用中使用。这是 ECMAScript的一个特性，但不推荐这样使用，以免带来不必要的麻烦，例如阅读理解、文档资料等。

爪哇之家 2006-07-16 13:28 发表评论

JavaScript 调试工具

爪哇之家 — Sun, 16 Jul 2006 05:27:00 GMT

JavaScript代码看起来总是要比Java、C#乱的多，可能是自己还不熟悉JavaScript编程，因此一款优秀的JavaScript调试器就显得格外重要。目前在网络和书上见到最多的有：

    Microsoft Script Debugger: 集成在IE中的一款很原始的调试工具，具备基本的调试功能，除了可以用于调试客户端脚本，还能调试在Microsoft IIS上运行的服务器端脚本。该工具命令窗口是基于文本的，针对VBScript和IE环境进行调试会更加适用。

    Firefox JavaScript Console: 可以记录JavaScript中出现的所有警告和错误，诊断出大多数错误。工具比较简单实用。

    Venkman: 一个基于Mozilla的浏览器的JavaScript调试环境，是Mozilla浏览器的一个扩展。Venkman基于Mozilla JavaScript调试API（js/jsd），js/jsd API 构成了 Netscape JavaScript Debugger 1.1的基础，Netscape浏览器4.x系统都提供了这个调试工具。Venkman是目前比较流行的JavaScript调试工具。

    相关下载：

    http://www.hacksrus.com/~ginda/venkman/
    上面最新的版本是0.9.85，对于Firefox只能支持1.5以前的版本。

    https://dwr.dev.java.net/files/documents/2427/22010/venkman-0.9.85.jw2.xpi
    venkman-0.9.85.jw2.xpi是venkman-0.9.85xpi的修改版本，可以支持Firefox 1.5.0。

    https://addons.mozilla.org/firefox/216/
    在Mozilla官方站点上，venkman有了另外的一个名称——JavaScript Debugger，已经发布了0.9.87版本，支持Firefox 0.9-3.0，Mozilla 1.0-1.8，Thunderbird 0.9-3.0的所有版本浏览器。
    除了官方网站外，该工具的扩展安装也可以通过链接
    http://www.blogjava.net/Files/flyingis/javascript_debugger-0.9.87.rar进行本地下载。

    另外有一些JavaScript专用IDE，有兴趣可以试用一下：

    Cardinal JavaScript IDE:
    http://home.earthlink.net/~mafriedman/ide/

    JavaScript IDE for Eclipse:
    http://www.basement.org/archives/2005/09/js_eclipse_javascript_ide for.html

    JavaScript IDE(共享软件):
    http://www.downloadjunction.com/product/software/42264/index.html

爪哇之家 2006-07-16 13:27 发表评论

ECMAScript基础

爪哇之家 — Sun, 16 Jul 2006 05:26:00 GMT

JavaScript的核心之一ECMAScript的语言特性和Java、C、Perl都有许多相似之处，其中不少特性都是从这些语言借鉴而来，同时它们之间也存在许多差异。下面列举一些ECMAScript的基本特性。

    --和Java一样，ECMAScript区分大小写，注释的格式相同，通过{}确定代码块，原始数据类型存储在堆栈，对象的引用存储在堆中
    --ECMAScript是一种松散的语言，ECMAScript通过var操作符声明变量，并且不限类型，例如var n = 25，那么n就是数字类型，var n = "string" ，那么n就是String类型
    --在每一行代码后，可以不写分号，ECMAScript自动认为该行的末尾为该行代码的最后；ECMAScript中的变量可以不用初始化，在幕后系统将自动完成初始化操作
    --同一变量可以赋予不同类型的数据；变量的第一个字符只能是字母、下划线或$ ，其他的字符可以是下划线、$、或任意的字母、数字、字符
    --和其他语言一样，变量最好遵循驼峰书写法，或Pascal表示法、或匈牙利表示法
    --和大多数语言不同的是， ECMAScript 变量在使用之前可以不必声明，系统会自动将该变量声明为全局变量，例如var m = " Good " ; n = m + " Morning " ; alert(n)输出结构是 " Good Morning "
    --在大多数语言里，String是对象，在ECMAScript中却是原始数据类型

    原始数据类型

    ECMAScript原始数据类型有五种：Undefined、Null、Boolean、Number、String。

    typeof—判断变量和值的数据类型，通常有undefined、boolean、number、string、object五种类型。
    Undefined—当变量被声明但没有初始化，或函数没有明确返回一个值的时候，该变量或函数即为 Undefined 类型。
    Null—undefined是null的一种派生，当代表一个对象的值不存在时，该对象返回null。
    Boolean—包含两个值，true and false ， false不等于0，但0可以转换为false 。
    Number—可以定义32位整型数据或64位浮点型数据。定义数字类型变量时，在数字前加0即为八进制，加0x为十六进制，它们计算后返回的结果统一为十进制。通过var f = 1.0可以定义一个浮点类型变量，有意思的是，当f被用于计算之前，它实际是以 String类型存储的。当浮点类型数据很大或很小时（可以前后移动六位），将使用E表示法来表示浮点数据，最大可以存储17位数据。另外， isFinite()方法可以判断一个数值是否有限，isNaN()方法可以判断一个数据是非数字类型。
    String—String在ECMAScript中是原始数据类型，并且是唯一没有空间大小限制的数据类型。和Java不同的是，var s = " javascript " 和var s = 'javascript'均是合法的表示方法。

    数据转换

    在不同数据类型之间转换是任何一门编程语言的一个重要特性，ECMAScript提供了一系列简单的方法来实现数据的转换，大多数数据类型都提供了简单的转换方法，对于复杂的转换则有一些全局方法来完成，不管是哪一种方法，ECMAScript中数据转换都非常简单。

    Boolean、number和string数据类型是原始数据类型，但它们同时是伪对象（在ECMAScript中伪对象到底该怎么解释，运行机制如何还不清楚？有人知道请给予解答），拥有自己的属性和方法，可以通过toString()方法来实现string类型的转换。ECMAScript定义所有的对象，不管是伪对象还是真实的对象，都可以实现toString()方法，string被列为伪对象的行列，自然也拥有toString()方法。将数字类型数据转换为string的时候，可以在 toString() 方法中加入2、8、16参数，来实现不同进制的数据输出，例如var n = 10; alert(n.toString(2))输出为1010，alert(n.toString(8))输出为12，n.toString()和 n.toString(10)相同。

    ECMAScript提供了两种方法来实现string类型转化为数字类型的方法：parseInt()和parseFloat()。其他类型转换将会返回 NaN（Not a Number）。

    Type Casting

    ECMAScript数据类型的转换通常可以通过三个方法来实现：Boolean(value)、Number(value)和String(value)，这样通常会产生一些非预期的结果。

    Boolean

var b1 = Boolean( "" ); // false–empty string
var b2 = Boolean( " hi " ); // true–non-empty string
var b3 = Boolean( 100 ); // true–non-zero number
var b4 = Boolean( null ); // false-null
var b5 = Boolean( 0 ); // false-zero
var b6 = Boolean( new Object()); // true–object

Number

Number( false ) 0
Number( true ) 1
Number(undefined) NaN
Number( null ) 0
Number( " 5.5 " ) 5.5
Number( " 56 " ) 56
Number( " 5.6.7 " ) NaN
Number( new Object()) NaN
Number( 100 ) 100

    String

    String()能实现所有类型数据的直接转换，和使用toString()不同的是，String()能够将null或undefined数据转换为string。

    引用类型

    ECMAScript 实际上并没有传统意义上的类，只是通过定义对象来等同于其他语言中的类，这一点我还比较含糊，以后可能会明白，在文中还是以“类”来说明。

var ob = new Object();

    以上定义了一个Object对象的实例，这种语法和Java比较类似。当有参数的时候需要括号来引用，当不存在参数时，括号可以去掉。由于 ECMAScript语言比较松散，不管是前面所属的基础语法，还是后面将提到的语法知识，我们都应该尽量按照一定的书写规范来约定自己的代码格式，而不应充分发挥语言松散的特点。

    Object类

    Object类和Java里的java.lang.Object类比较相似，它是ECMAScript中其他所有类的基类，它具有如下属性：

    constructor—建立对象的函数的一个引用，对于Object类而言，该引用指向本地Object()方法。
    prototype—对象里prototype对象的一个引用值。

    Object 类拥有的方法：

    hasOwnProperty(property)—判断property属性是否存在于对象中，property数据类型为string
    isPrototypeOf(object)— 判断一个对象是否是另一对象的 prototype
    propertyIsEnumerable(property)— 判断所给出的属性能否使用 for 语句列举出来
    toString()—返回对象的原始类型string
    valueOf()—返回对象合适的原始值，对于多数类而言，返回的值和toString()相同
    Object类的每一个属性和方法都被其他的类所重写

    Boolean类

    定义方法var ob = new Boolean(true); ob是Boolean原始数据类型的一个引用。在使用Boolean对象过程中，需要注意，所有的对象会自动转变为true，因此var ob1 = new Boolean(false); var ob2 = ob1 && true; 最后ob2的值是true，非false。一般情况下，使用Boolean原始数据类型可以避免这种情况。

    Number类

    定义方法var o = new Number(15);
    获得原始数据的值var n = o.valueOf();

    Number类有一些为数字类型的值特别设计的方法：

alert(o.toFixed( 2 )); // 输出15.00
alert(o.toExponential( 1 )); // 输出1.5e+1

在无法确定使用 toFixed 还是 toExponential 的时候，可以使用 toPrecision 方法来获得取值：

alert(o.toPrecision( 1 ));   // 输出 2e+1
alert(o.toPrecision( 2 ));   // 输出 15
alert(o.toPrecision( 3 ));   // 输出 15.0

String类

String类是一种复杂引用类型，这里仅列出一些常见的方法，其中不少都是模仿java.lang.String：

var s = new String( " Good Morning " );
alert(s.valueOf() == s.toString());   // 输出true
alert(s.length);   // 输出12
alert(s.charAt( 1 ));   // 输出o
var sr = s.concat( " ! " ); alert(sr);   // 输出Good morning !
alert(s.indexOf( " o " );   // 输出1
alert(s.lastIndexOf( " o " );   // 输出6
alert(s.localeCompare(Good morning));   // 输出0
alert(s.localeCompare(Apple));   // 输出1
alert(s.localeCompare(House));   // 输出-1
alert(s.slice( 2 ));   // 输出od morning
alert(s.substring( 2 ));   // 输出od morning
alert(s.slice( 2 , - 5 ));   // 输出od mo
alert(s.substring( 2 , - 5 ));   // 输出Go
alert(s.toUpperCase());   // 输出GOOD MORNING
alert(s.toLowerCase());   // 输出good morning

    另外，所有String类的方法同样可以用于String原始数据类型，因为它是伪对象。

    instanceof

    instanceof操作符和typeof作用类似，不同的是，instanceof需要明确指定对象是否属于某种特定类型。例如

var s = new String( " Good morning ! " );
alert(s instanceof String);

    操作符和语句

    ECMAScript 中大多数操作符、语句和 Java 都比较类似，但也有一些其特有的，如 label 语句， with 语句， for-in 语句等等。

    Functions

    Functions是ECMAScript的核心，在任何时候任何地方都可以运行的一组代码语句。

function functionName(arg0, arg1, …… , argN) {
statements
}

    当function没有返回值或return语句后没有值的时候，该function实际上会被系统定义为undefined，当function返回值的时候，function可以不必明确指定为某种数据类型。

    关于重载

    重载是面向对象语言的基本特性之一，但 ECMAScript 的 functions 并不能重载，在同一范围里可以定义两个完全相同的函数，在调用函数的时候，最后的一个函数发挥作用。这种特性比较麻烦，但可以通过 arguments 对象来实现和重载类似的功能。

前面提到过，在同一范围里可以定义两个完全相同的function，在调用function的时候，最后的一个function发挥作用。

function func(i) {
  alert(i + 10 );
}
function func(i) {
  alert(i + 20 );
}
func( 5 );   // 输出25

可以看出，是调用了最后的一个function使得数据结果为25，如果使用Function类来定义以上两个函数，那为什么会使用最后的一个function可能会更明确一些。

var func = new Function(“i”, “alert(i + 10 )”);
var func = new Function(“i”, “alert(i + 20 )”);
func( 5 );

func指向了另外一个引用，从而值发生了改变，func是作为function对象的引用而存在的，并且允许两个变量指向同一个 function。

和Function类相关的属性、方法有许多，例如length、toString()、valueOf()等等。其中toString()在调试程序中使用较多。

爪哇之家 2006-07-16 13:26 发表评论

JavaScript基本组成

爪哇之家 — Sun, 16 Jul 2006 05:25:00 GMT

   JavaScript的学习，以Nicholas C.Zakas的《Professional JavaScript for Web Developers》为核心材料。

    JavaScript作为一种网络客户端的脚本语言，由以下三部分组成：

1. ECMAScript--JavaScript的核心，描述了语言的基本语法和对象。

    ECMAScript经历了三个版本的更新，现在大多数网络浏览器都支持Edition3。ECMAScript主要提供语言相关的信息与标准，如语法、类型、声明、关键字、保留字、操作运算符、对象等等。

2. DOM--The Document Object Model，描述了作用于网页内容的方法和接口。

    DOM是HTML的一个应用程序接口，它也经历了三个版本的更新，其中以第一和第二个版本使用最为广泛，在第二个版本中，最重要的特性莫过于提供了事件响应的接口，处理CSS的接口，移动窗口的接口，并且能够控制代码树的结构等等。
    除了使用最多的DOM Core和DOM HTML标准接口外，其他的部分语言也拥有自己的DOM标准，如SVG、MathML、SMIL。

3. BOM--The Browser Object Model，描述了和浏览器交互的方法和接口。

    例如弹出新的浏览器窗口，移动、改变和关闭浏览器窗口，提供详细的网络浏览器信息（navigator object），详细的页面信息（location object），详细的用户屏幕分辨率的信息（screen object），对cookies的支持等等。BOM作为JavaScript的一部分并没有相关标准的支持，每一个浏览器都有自己的实现，虽然有一些非事实的标准，但还是给开发者带来一定的麻烦。

爪哇之家 2006-07-16 13:25 发表评论