javascript 冒號 使用說明
更新時間:2009年06月06日 17:31:23 作者:
雖然之前寫過不少的javascirpt的腳本,但是對冒號:卻不甚了了,感覺即陌生又熟悉,沒辦法老毛病又犯了,不把問題搞清楚那個(:)
老在眼前晃,于是在網(wǎng)上搜吧,查資料,很郁悶網(wǎng)上介紹冒號用法的貼子不多,而且比較零碎,也不夠深入,看完讓人更迷糊,折騰了兩天,終于對冒號(:)有了更進一步的了解,希望對想了解冒號用法的人有所幫助。
1、switch語句分支
2、?:三元表達式的false
3、聲明對象直接量的成員
4、聲明標簽
1和2相信地球人都知道吧?如果有人不知道,那我改成地球上的程序員都知道,哈哈
3、對象直接量我們也經(jīng)常用,什么是對象直接量呢?
對象直接量(也稱為對象初始化程序)是由一個列表構成的,這個列表的元素是用冒號分隔的屬性/值對,元素之間用逗號隔開了,整個列表包含在花括號之中。
javascript中的對象可以像C#、JAVA這些面向?qū)ο蟮恼Z言中的對象一樣,擁有屬性和方法。
我們創(chuàng)建javascript對象有很多種方法,例如,你可以用Object創(chuàng)建,
var obj1 = new Object();
obj1.X = "20px";
obj1.Y = "30px";
obj1.myFunction = function() { alert("我是一個方法!"); };
obj1.myFunction();
用對象直接量創(chuàng)建一個對象:
var obj2={X:"20px",Y:"30px",myFunction:function(){alert("我是一個方法!");}}
obj2.myFunction();
用對象直接量創(chuàng)建對象看上去很簡潔.
當然你也可以先寫個類似Class類的東西然后用構造函數(shù)創(chuàng)建:
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瀏覽器會自行識別,用相應的語法去執(zhí)行,當然其它瀏覽器是不支持vbscript的.
平時我們用javascript習慣上是加聲明的,也就是"javascript:",
<input type="button" onclick="javascript:alert('你點擊了我!')" value='按鈕'/>
"javascript:"經(jīng)常被那些自稱黑客的人們利用,利用"javascript:"繞過一些簡單的或者更高級一點的html表單限制及cookie/session驗證;以及SQL注入.如果想了解可以到別的地方查,不過學會千萬不要搞破壞啊,哈哈
做個簡單的小例子:
首先打開www.baidu.com百度的首頁,然后直接把下面這句復制到瀏覽器的地址欄中,按回車,
javascript:alert(document.forms[0].wd.value='csdn');document.forms[0].submit()
效果怎么樣呢?不錯,我們利用javascript直接操作了搜索框中的文本,還有執(zhí)行了表單的提交,更復雜的操作,可以自己研究。
1、switch語句分支
2、?:三元表達式的false
3、聲明對象直接量的成員
4、聲明標簽
1和2相信地球人都知道吧?如果有人不知道,那我改成地球上的程序員都知道,哈哈
3、對象直接量我們也經(jīng)常用,什么是對象直接量呢?
對象直接量(也稱為對象初始化程序)是由一個列表構成的,這個列表的元素是用冒號分隔的屬性/值對,元素之間用逗號隔開了,整個列表包含在花括號之中。
javascript中的對象可以像C#、JAVA這些面向?qū)ο蟮恼Z言中的對象一樣,擁有屬性和方法。
我們創(chuàng)建javascript對象有很多種方法,例如,你可以用Object創(chuàng)建,
復制代碼 代碼如下:
var obj1 = new Object();
obj1.X = "20px";
obj1.Y = "30px";
obj1.myFunction = function() { alert("我是一個方法!"); };
obj1.myFunction();
用對象直接量創(chuàng)建一個對象:
復制代碼 代碼如下:
var obj2={X:"20px",Y:"30px",myFunction:function(){alert("我是一個方法!");}}
obj2.myFunction();
用對象直接量創(chuàng)建對象看上去很簡潔.
當然你也可以先寫個類似Class類的東西然后用構造函數(shù)創(chuàng)建:
復制代碼 代碼如下:
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瀏覽器會自行識別,用相應的語法去執(zhí)行,當然其它瀏覽器是不支持vbscript的.
平時我們用javascript習慣上是加聲明的,也就是"javascript:",
<input type="button" onclick="javascript:alert('你點擊了我!')" value='按鈕'/>
"javascript:"經(jīng)常被那些自稱黑客的人們利用,利用"javascript:"繞過一些簡單的或者更高級一點的html表單限制及cookie/session驗證;以及SQL注入.如果想了解可以到別的地方查,不過學會千萬不要搞破壞啊,哈哈
做個簡單的小例子:
首先打開www.baidu.com百度的首頁,然后直接把下面這句復制到瀏覽器的地址欄中,按回車,
javascript:alert(document.forms[0].wd.value='csdn');document.forms[0].submit()
效果怎么樣呢?不錯,我們利用javascript直接操作了搜索框中的文本,還有執(zhí)行了表單的提交,更復雜的操作,可以自己研究。
相關文章
JavaScript、tab切換完整版(自動切換、鼠標移入停止、移開運行)
這篇文章主要介紹了JavaScript、tab切換完整版(自動切換、鼠標移入停止、移開運行)的相關資料,需要的朋友可以參考下2016-01-01JS實現(xiàn)環(huán)形進度條(從0到100%)效果
這篇文章主要介紹了JS實現(xiàn)環(huán)形進度條(從0到100%)效果的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07vue3+Pinia+TypeScript?實現(xiàn)封裝輪播圖組件
這篇文章主要介紹了vue3+Pinia+TypeScript?實現(xiàn)封裝輪播圖組件,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的朋友可以參考一下2022-07-07JavaScript 獲取任一float型小數(shù)點后兩位的小數(shù)
這篇文章主要介紹了JavaScript如何獲取小數(shù)任一小數(shù)點后的位數(shù)的小數(shù),需要的朋友可以參考下2014-06-06