< p >Javascript是一種用于在Web應(yīng)用程序中編寫交互性的腳本語言,是三大Web前端技術(shù)之一,另外兩者是HTML和CSS。Javascript很好的與HTML和CSS結(jié)合,可以使網(wǎng)頁動態(tài)地展示數(shù)據(jù)、響應(yīng)用戶交互,并實現(xiàn)很多有趣的特效。在這篇文章中,我將介紹javascript編寫中的一些技巧和小代碼段,以幫助大家更好地掌握javascript的編寫。< /p>< p >首先,我們來看一個簡單的函數(shù),用于獲取頁面中指定class的所有元素。< /p>< pre >function getElementsByClassName(className){
var elements = document.getElementsByTagName('*');
var result = [];
for(var i=0;i< p >這個函數(shù)使用了DOM API中的getElementsByTagName方法來獲取頁面中的所有元素,然后遍歷這些元素的類名,找出符合要求的元素。
下一個例子是檢查一個變量是否為數(shù)組:< /p>< pre >function isArray(obj){
return Object.prototype.toString.call(obj)==='[object Array]';
}< /pre>< p >在這個函數(shù)中,我們使用了Object.prototype.toString方法來判斷一個變量的類型。由于toString方法的結(jié)果格式為 '[object type]',其中的type即是變量的實際類型,因此我們可以使用這個方法來檢查變量的類型。
還有一個例子,是用來對數(shù)組進行去重操作的函數(shù):< /p>< pre >function unique(arr){
var result = [];
for(var i=0;i< p >在這個函數(shù)中,我們使用了數(shù)組的indexOf方法來判斷元素是否已經(jīng)存在于已有的結(jié)果之中。如果不存在,就將其添加到結(jié)果數(shù)組中。
還有一個針對字符串的例子,是用來將字符串中的單詞反轉(zhuǎn)的函數(shù):< /p>< pre >function reverseWords(str){
return str.split(/\s+/).reverse().join(' ');
}< /pre>< p >這個函數(shù)使用了字符串的split和join方法來進行分離和重建單詞,使用了數(shù)組的reverse方法來實現(xiàn)單詞的反轉(zhuǎn)。
最后一個例子是用來計算一個數(shù)的階乘的函數(shù):< /p>< pre >function factorial(n){
if(n<=1){
return 1;
}
return n*factorial(n-1);
}< /pre>< p >這個函數(shù)使用了遞歸的方式來計算階乘,當傳入的數(shù)字小于等于1時,停止遞歸并返回1,否則返回n乘以n-1的階乘。
這些例子雖然都很簡單,但是它們實現(xiàn)了一些比較常見的需求,能夠幫助我們更好地理解javascript的編寫。當然,javascript編寫還有很多其他的技巧和小技巧,需要我們在實踐中去體會和掌握。< /p>
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang