JavaScript函数

最新推荐文章于 2023-06-02 06:45:00 发布

转载最新推荐文章于 2023-06-02 06:45:00 发布 · 305 阅读

函数返回值

函数返回值是函数的执行结果，可以没有return，一个函数应该只返回一种类型的值

例如：结果弹出一个窗口，显示"你好"

<script type="text/JavaScript">
    function show(){
          return "你好";
    }
    
    var a=show();
    alert(a);
</script>

函数传参

实例：

<script  type="text/JavaScript">
   function sum(a,b){
        return a+b;
   }
  
   alert(sum(2,3));
</script>

arguments的用法 它是一个默认用于存储函数传过来的参数的数组，参数的个数可变，不确定，可以在函数中直接使用

用法举例：

<script type="text/JavaScript">
   function show(){
       alert(arguments.length);    //输出参数个数
       alert(arguments[0]);     //输出第0个参数
    }
   alert(show(12,8,6));
</script>

css函数

css(oDiv,"width"); //获取样式

css(oDiv,'width','100') //设置样式

举例：

<!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>
   //写法1
   function css(){
      if(arguments.length==2)   //获取
	  {
	      return arguments[0].style[arguments[1]];//返回对应的样式
		  }
	   else{
	      arguments[0].style[arguments[1]]=arguments[2];  //设置对应的样式
		  }
		  }

   //写法2
   function css(obj,name,value){
      if(arguments.length==2)   //获取
	  {
	      return obj.style[name];//返回对应的样式
		  }
	   else{
	      obj.style[name]=value;  //设置对应的样式
		  }
		  }
  
		  
	window.onload=function (0){
	       var oDiv=document.getElementById('test');
		   
		   alert(css(oDiv,'width'));//获取样式
		   css(oDiv,'background','black'); //设置样式
</script>
</head>

<body>
<div id="test" style="width:100px;height:100px;background:#0066CC;"></div>
</body>
</html>