js学习第一课

最新推荐文章于 2023-09-06 16:46:46 发布

mark kang

最新推荐文章于 2023-09-06 16:46:46 发布

阅读量105

点赞数

文章标签：前端js 自学娱乐

本文链接：https://blog.csdn.net/msjlktc/article/details/90077652

版权

js学习第一课

JS中的函数

函数的定义

function 函数名（）{

}

函数的调用


<div id="div1"onmouseover="toGreen()" onmouseout="toRed()">

变量的使用

var dgg=document.getElementById('div1');


<!DOCTYPE html>
<html>
<head>
	<title>js.xuexi</title>
<style type="text/css">
	#div1{
		width: 100px;
		height: 100px;
		background-color: red;
	}

</style>
<script type="text/javascript">
	function toGreen(){
		var dgg=document.getElementById('div1');
		dgg.style.width='200px';
		dgg.style.height='200px';
		dgg.style.background='green'
	}
	function toRed(){
        var dgr=document.getElementById('div1');
		dgr.style.width='100px';
		dgr.style.height='100px';
		dgr.style.background='red';
	}
</script>

</head>
<body>
	<div id="div1"onmouseover="toGreen()" onmouseout="toRed()">
		
	</div>

</body>
</html>