JaveScript之函数传参

来源：互联网发布：php好找工作么编辑：程序博客网时间：2024/05/21 10:28

js中的函数函数传参示例

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#se{
width: 300px;
height: 300px;
background-color: yellow;
}
</style>
</head>
<body>
<input type="button" value="变黄" onclick="bianse('yellow');" />
<input type="button" value="变黑" onclick="bianse('black');"/>
<input type="button" value="变蓝" onclick="bianse('blue');"/>
<input type="button" value="变宽" onclick="gaibian('width','600px');"/>
<input type="button" value="变高" onclick="gaibian('height','600px');"/>


<div id="se"></div>
</body>
<script type="text/javascript">
function bianse(color){
var bx=document.getElementById("se");
se.style.background=color;
//第一种改变属性的方式用·
}
function gaibian(name,value){
var bx=document.getElementById("se");
se.style[name]=value;
//第二种改变属性的方式用[ ]
//修改的属性不固定的时候用第二种
}
</script>
</html>

阅读全文

0 0