简介：行间事件调用函数(不建议)script type="text/javascript" // 函数定义 function myalert(){ alert("hello!"); } // 函数执行 aa();/script...... !-- onclick="aa()点击事件，调用函数aa -- input t ...

行间事件调用函数(不建议)

<script type="text/javascript"> // 函数定义 function myalert(){ alert("hello!"); } // 函数执行 aa();</script>...... <!-- onclick="aa()点击事件，调用函数aa -->	<input type="button" id="btn1" value="弹出" onclick=" myalert()">

提取行间事件调用函数（推荐）

<script type="text/javascript">window.onload = function(){ var oBtn = document.getElementById("btn1"); oBtn.onclick = myalert; function myalert(){ alert("ok!"); }} </script>......<input type="button" name="" value="弹出" id="btn1">

匿名函数

定义的函数可以不给名称，这个叫做匿名函数，可以将匿名函数直接赋值给元素绑定的事件来完成匿名函数的调用。
<script type="text/javascript">window.onload = function(){ var oBtn = document.getElementById("btn1"); // 直接将匿名函数赋值给绑定的事件 oBtn.onclick = function (){ alert("ok!"); }}</script>......<input type="button" name="" value="弹出" id="btn1">

函数传参

"return"关键字的作用：
  • 返回函数执行的结果
  • 结束函数的运行
  • 阻止默认行为
<script type="text/javascript">function add(a,b){ var c = a + b; return c; alert("here!");}var d = add(3,4);alert(d); //弹出7</script>

简单的加法计算实现：

JavaScript笔记 函数

<script type="text/javascript">window.onload = function(){ function add(a,b) { var rs =parseInt(a)+parseInt(b) return rs; } var a = document.getElementById("btn1"); var b = document.getElementById("btn2"); var c = document.getElementById("btn3"); var d = document.getElementById("btn4"); d.onclick = function(){ c.value=add(a.value,b.value) } } </script>......<input type="text" id="btn1">+ <input type="text" id="btn2">=<input type="text" id="btn3"><input type="button" value="相加" id="btn4">

JavaScript笔记 函数

本文仅代表作者个人观点，不代表巅云官方发声，对观点有疑义请先联系作者本人进行修改，若内容非法请联系平台管理员，邮箱2522407257@qq.com。更多相关资讯，请到巅云www.rzxsoft.cn学习互联网营销技术请到巅云建站www.rzxsoft.cn。