首页 > 网络编程 > JavaScript > javascript技巧 > 函数参数

javascript 函数参数原来是可以有缺省值的

2010-07-20 00:34:24 作者：

前几天看 javaEye 时看到一个童鞋写的 getElementsByClassName 函数。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script type="text/javascript"> 
/** 
* 根据类名获得元素 
* 参数说明: 
* 1、className 类名 
* 2、tag 元素名 默认所有元素 
* 3、elm 父元素 默认doucment 
*/ 
document.getElementsByClassName = function(className, tag, elm) { 
var testClass = new RegExp("(^|\s)" + className + "(\s|$)"); 
var tag = tag || "*"; 
var elm = elm || document; 
var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag); 
var returnElements = []; 
var current; 
var length = elements.length; 
for(var i=0; i<length; i++){ 
current = elements[i]; 
if(testClass.test(current.className)){ 
returnElements.push(current); 
} 
} 
return returnElements; 
} 
window.onload = function(){ 
var divs = document.getElementsByClassName("div"); 
alert(divs.length); 
for(var i = 0; i < divs.length; i++){ 
alert(divs[i].id); 
} 
} 
</script> 
</head> 
<body> 
<div class="div" id="div1"> 
</div> 
<div class="divvvv" id="div2"> 
<div class="div" id="div21"> 
</div> 
</div> 
<div class="div" id="div3"> 
</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

在这里我引用这段代码不是因为要方便自己以后调用，而是发现了一点我从没有用到的方法。

getElementsByClassName　有三个参数，但调用的时候不必传进三个参数，你只传进第一个参数就可以了，其它两个参数都是有默认值的。

原来 javascript 函数的参数是可以缺省的，这一点我倒是一直都不知道。

javascript 函数参数原来是可以有缺省值的

您可能感兴趣的文章: