javascript 冒號使用說明

更新時間：2009年06月06日 17:31:23 作者：

雖然之前寫過不少的javascirpt的腳本，但是對冒號:卻不甚了了，感覺即陌生又熟悉，沒辦法老毛病又犯了，不把問題搞清楚那個(：)

老在眼前晃，于是在網(wǎng)上搜吧，查資料，很郁悶網(wǎng)上介紹冒號用法的貼子不多，而且比較零碎，也不夠深入，看完讓人更迷糊，折騰了兩天，終于對冒號(：)有了更進一步的了解,希望對想了解冒號用法的人有所幫助。
1、switch語句分支
2、?:三元表達式的false
3、聲明對象直接量的成員
4、聲明標簽

1和2相信地球人都知道吧？如果有人不知道,那我改成地球上的程序員都知道,哈哈
3、對象直接量我們也經(jīng)常用，什么是對象直接量呢？
對象直接量（也稱為對象初始化程序）是由一個列表構(gòu)成的，這個列表的元素是用冒號分隔的屬性/值對，元素之間用逗號隔開了，整個列表包含在花括號之中。
javascript中的對象可以像C#、JAVA這些面向?qū)ο蟮恼Z言中的對象一樣，擁有屬性和方法。
我們創(chuàng)建javascript對象有很多種方法,例如，你可以用Object創(chuàng)建，

復(fù)制代碼代碼如下:

var obj1 = new Object(); 
obj1.X = "20px"; 
obj1.Y = "30px"; 
obj1.myFunction = function() { alert("我是一個方法！"); }; 
obj1.myFunction(); 

用對象直接量創(chuàng)建一個對象:

復(fù)制代碼代碼如下:

var obj2={X:"20px",Y:"30px",myFunction:function(){alert("我是一個方法！");}} 
obj2.myFunction(); 

用對象直接量創(chuàng)建對象看上去很簡潔.
當然你也可以先寫個類似Class類的東西然后用構(gòu)造函數(shù)創(chuàng)建：

復(fù)制代碼代碼如下:

function myClass(x, y) { 
this.X = x; 
this.Y = y; 
} 
myClass.prototype.myFunction=function(){ 
alert("我是一個方法！"); 
} 
var obj3 = new myClass("20px", "30px"); 
obj3.myFunction(); 

4、聲明標簽
腳本語言有很多，除了javascript之外，我們也可以用其它腳本語言來實現(xiàn)javascript所能實現(xiàn)的功能;
例：
<input type="button" onclick="vbscript:vbFunction()" value='按鈕'/>
當點擊按鈕時就會用vbscript語法去執(zhí)行你用vbscript定義的vbFunction方法;
如果把onclick后面的vbscript:vbFunction()，改成javascript:vbFunction();就會出錯。
這些聲明你也可以不寫直接調(diào)用方法，
<input type="button" onclick="vbFunction()" value='按鈕'/>
這時onclick中的方法，無論你用vbscript還是javascript，IE瀏覽器會自行識別，用相應(yīng)的語法去執(zhí)行，當然其它瀏覽器是不支持vbscript的.
平時我們用javascript習慣上是加聲明的，也就是"javascript:"，
<input type="button" onclick="javascript:alert('你點擊了我！')" value='按鈕'/>
"javascript:"經(jīng)常被那些自稱黑客的人們利用,利用"javascript:"繞過一些簡單的或者更高級一點的html表單限制及cookie/session驗證;以及SQL注入.如果想了解可以到別的地方查，不過學會千萬不要搞破壞啊，哈哈
做個簡單的小例子：
首先打開www.baidu.com百度的首頁,然后直接把下面這句復(fù)制到瀏覽器的地址欄中，按回車,
javascript:alert(document.forms[0].wd.value='csdn');document.forms[0].submit()
效果怎么樣呢？不錯，我們利用javascript直接操作了搜索框中的文本，還有執(zhí)行了表單的提交，更復(fù)雜的操作，可以自己研究。