javascript 函数定义与执行

1、函数定义与调用

<script type="text/javascript">
	function fnMyclick(){
		alert("hello world!");
	}
</script>


<div id="div1" onclick="fnMyclick()">这是一个div</div>
<inpyt type="button" value="改变div" id="btn01">

2、提取行间事件

如果把onclick写在标签上，这种行为称为行间事件（注意调用函数需要写（）），如果把onclick事件写在js中称为提取行间事件。

<script type="text/javascript">
	window.onload = function(){
		var oBtn = document.getElementById('btn01');
		// 将事件属性和一个函数关联，函数不能写().
		oBtn.onclick = fnMyclick;
		function fnMyclick(){
			var oDiv = document.getElementById('div1');
			oDiv.style.color="red"
			alert("hello world!");
		}
	}
</script>


<div id="div1" >这是一个div</div>
<inpyt type="button" value="改变div" id="btn01">

3、匿名函数的写法

<script type="text/javascript">
	window.onload = function(){
		var oBtn = document.getElementById('div1');
		// 将事件属性和一个函数关联，函数不能写().
		oBtn.onclick = function(){
		var oDiv = document.getElementById('div1');
			oDiv.style.color="red"
			var = oDiv
			alert("hello world!");
		}
	}
</script>


<div id="div1" >这是一个div</div>
<inpyt type="button" value="改变div" id="btn01">