< p >Javascript是一种用于在Web应用程序中编写交互性的脚本语言,是三大Web前端技术之一,另外两者是HTML和CSS。Javascript很好的与HTML和CSS结合,可以使网页动态地展示数据、响应用户交互,并实现很多有趣的特效。在这篇文章中,我将介绍javascript编写中的一些技巧和小代码段,以帮助大家更好地掌握javascript的编写。< /p>< p >首先,我们来看一个简单的函数,用于获取页面中指定class的所有元素。< /p>< pre >function getElementsByClassName(className){
var elements = document.getElementsByTagName('*');
var result = [];
for(var i=0;i< p >这个函数使用了DOM API中的getElementsByTagName方法来获取页面中的所有元素,然后遍历这些元素的类名,找出符合要求的元素。
下一个例子是检查一个变量是否为数组:< /p>< pre >function isArray(obj){
return Object.prototype.toString.call(obj)==='[object Array]';
}< /pre>< p >在这个函数中,我们使用了Object.prototype.toString方法来判断一个变量的类型。由于toString方法的结果格式为 '[object type]',其中的type即是变量的实际类型,因此我们可以使用这个方法来检查变量的类型。
还有一个例子,是用来对数组进行去重操作的函数:< /p>< pre >function unique(arr){
var result = [];
for(var i=0;i< p >在这个函数中,我们使用了数组的indexOf方法来判断元素是否已经存在于已有的结果之中。如果不存在,就将其添加到结果数组中。
还有一个针对字符串的例子,是用来将字符串中的单词反转的函数:< /p>< pre >function reverseWords(str){
return str.split(/\s+/).reverse().join(' ');
}< /pre>< p >这个函数使用了字符串的split和join方法来进行分离和重建单词,使用了数组的reverse方法来实现单词的反转。
最后一个例子是用来计算一个数的阶乘的函数:< /p>< pre >function factorial(n){
if(n<=1){
return 1;
}
return n*factorial(n-1);
}< /pre>< p >这个函数使用了递归的方式来计算阶乘,当传入的数字小于等于1时,停止递归并返回1,否则返回n乘以n-1的阶乘。
这些例子虽然都很简单,但是它们实现了一些比较常见的需求,能够帮助我们更好地理解javascript的编写。当然,javascript编写还有很多其他的技巧和小技巧,需要我们在实践中去体会和掌握。< /p>