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)建,
var obj1 = new Object();
obj1.X = "20px";
obj1.Y = "30px";
obj1.myFunction = function() { alert("我是一個(gè)方法!"); };
obj1.myFunction();
用對(duì)象直接量創(chuàng)建一個(gè)對(duì)象:
var obj2={X:"20px",Y:"30px",myFunction:function(){alert("我是一個(gè)方法!");}}
obj2.myFunction();
用對(duì)象直接量創(chuàng)建對(duì)象看上去很簡(jiǎn)潔.
當(dāng)然你也可以先寫個(gè)類似Class類的東西然后用構(gòu)造函數(shù)創(chuàng)建:
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:"繞過一些簡(jiǎn)單的或者更高級(jí)一點(diǎn)的html表單限制及cookie/session驗(yàn)證;以及SQL注入.如果想了解可以到別的地方查,不過學(xué)會(huì)千萬不要搞破壞啊,哈哈
做個(gè)簡(jiǎn)單的小例子:
首先打開www.baidu.com百度的首頁,然后直接把下面這句復(fù)制到瀏覽器的地址欄中,按回車,
javascript:alert(document.forms[0].wd.value='csdn');document.forms[0].submit()
效果怎么樣呢?不錯(cuò),我們利用javascript直接操作了搜索框中的文本,還有執(zhí)行了表單的提交,更復(fù)雜的操作,可以自己研究。
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ì)象看上去很簡(jiǎn)潔.
當(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:"繞過一些簡(jiǎn)單的或者更高級(jí)一點(diǎn)的html表單限制及cookie/session驗(yàn)證;以及SQL注入.如果想了解可以到別的地方查,不過學(xué)會(huì)千萬不要搞破壞啊,哈哈
做個(gè)簡(jiǎn)單的小例子:
首先打開www.baidu.com百度的首頁,然后直接把下面這句復(fù)制到瀏覽器的地址欄中,按回車,
javascript:alert(document.forms[0].wd.value='csdn');document.forms[0].submit()
效果怎么樣呢?不錯(cuò),我們利用javascript直接操作了搜索框中的文本,還有執(zhí)行了表單的提交,更復(fù)雜的操作,可以自己研究。
相關(guān)文章
js對(duì)圖片base64編碼字符串進(jìn)行解碼并輸出圖像示例
這篇文章主要介紹了js對(duì)圖片base64編碼字符串進(jìn)行解碼并輸出圖像的具體實(shí)現(xiàn),大家可以參考下面的示例2014-03-03
JavaScript實(shí)現(xiàn)可動(dòng)的canvas環(huán)形進(jìn)度條
這篇文章主要介紹了如何利用JavaScript canvas繪制一個(gè)可以動(dòng)的環(huán)形進(jìn)度條。文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動(dòng)手試一試2022-02-02
bootstrap-closable-tab可實(shí)現(xiàn)關(guān)閉的tab標(biāo)簽頁插件
這篇文章主要為大家詳細(xì)介紹了bootstrap-closable-tab可實(shí)現(xiàn)關(guān)閉的tab標(biāo)簽頁插件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08
js 定時(shí)器setTimeout無法調(diào)用局部變量的解決辦法
javascript中定時(shí)器setTimeout無法調(diào)用局部變量,只需要將setTimeout的第一個(gè)參數(shù)改成函數(shù)對(duì)象,而不是字符串,就可以了2013-11-11
Bootstrap每天必學(xué)之工具提示(Tooltip)插件
Bootstrap每天必學(xué)之工具提示(Tooltip)插件,工具提示就是通過鼠標(biāo)移動(dòng)選定在特定的元素上時(shí),顯示相關(guān)的提示語,感興趣的小伙伴們可以參考一下2016-04-04
SpringMVC返回json數(shù)據(jù)的三種方式
這篇文章主要介紹了SpringMVC返回json數(shù)據(jù)的三種方式的相關(guān)資料,需要的朋友可以參考下2015-12-12
uniapp 微信默認(rèn)地圖選點(diǎn)功能實(shí)現(xiàn)
這篇文章主要介紹了uniapp 微信默認(rèn)地圖選點(diǎn)功能實(shí)現(xiàn),本文通過實(shí)例代碼效果圖展示給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-07-07
使用TypeScript實(shí)現(xiàn)一個(gè)類型安全的EventBus示例詳解
EventBus是工作中常用的工具,本文用Typescript實(shí)現(xiàn)一個(gè)具備基礎(chǔ)功能且類型安全的EventBus,是我近期學(xué)習(xí)Typescript的知識(shí)總結(jié),對(duì)TypeScript實(shí)現(xiàn)EventBus相關(guān)知識(shí)感興趣的朋友一起看看吧2022-06-06

