快捷導(dǎo)航

javascript 冒號(hào) 使用說明

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

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

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

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

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

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

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

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

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

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

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

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

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