4.函数（上）

1.函数的概念及作用        乔帮主有很多武功招式，每个武功招式都有不一样的效果     降龙十八掌就是一个强大的武功招式，集结了十八条龙的能量，毁天灭地...   总结： 不同的武功招式，聚集了不同的能量 需要的时候，通过某种固定的方式来释放武功招式   通俗讲：函数就是可重复执行的代码块。   函数的作用： 1.通过函数可以封装任意多条语句，以便在任何地方、任何时候调用执行； 2.将代码编写在函数中，就可以避免在非必要情况下调用该代码。   回顾上面的故事情节，函数 替换 武功招式，调用 替换 释放......     2.函数的编写及调用   JavaScript中的函数使用function关键字来声明，后跟一组参数以及函数体。   function 函数名(参数) {//函数体     // do something }   函数需要调用才能触发：函数名(参数); //调用     系统函数： alert()、parseInt()、prompt()......     自定义函数： 函数声明、函数表达式、匿名函数   注意：函数声明(任意位置调用)、函数表达式(先定义后调用)、匿名函数(不允许单独定义)     参数的声明及传递：     形参：形式参数，函数定义时，函数的变量     实参：实际参数，函数调用时，要有具体值，实参的值传递给形参且一一对应     参数的意义是让程序更灵活     形参和实参的个数可以不一样，与函数的定义无关     函数的实参副本 arguments 对象     3.函数的返回值   所有函数都有返回值！   如果函数没有明确的返回值，默认返回 undefined    使用 return 语句可以自定义返回值。   return 语句会终止当前函数的执行并返回函数的值。   注意：函数内，return 语句之后的所有代码都不会执行！     4.事件的概念、种类及作用   事件指的是文档或者浏览器窗口中发生的一些特定交互瞬间。   事件是可以被 JavaScript 侦测到的行为。   事件可以提高网页的交互性。   事件：用户的行为 onblur         元素失去焦点 onfocus        元素获得焦点 oninput        用户输入时触发 onchange       用户改变域的内容 onclick        鼠标点击某个对象 ondblclick     鼠标双击某个对象 onkeydown      键盘某个键被按下 onkeyup        键盘某个键被松开 onkeypress     键盘某个键按下并松开 onmousedown    某个鼠标按键被按下 onmousemove    鼠标在某元素上移动 onmouseup      某个鼠标按键被松开 onmouseover    鼠标移到某元素之上 onmouseout     鼠标从某元素移开 onsubmit       form提交时触发 ......   非用户行为： onload         某个页面或图像被完成加载 计时器 ......     5.事件与函数的关系   JavaScript是事件驱动的语言！   事件通常与函数配合使用，当事件发生时执行对应的函数。   事件依赖函数执行，函数可以由事件驱动执行。     事件处理程序 --> 函数   处理元素的样式   dom.style.样式 = 值;   处理元素的属性   dom.属性 = 值;   处理元素的内容   表单元素：dom.value   非表单元素：dom.innerHTML、dom.innerText   处理交互逻辑 ......     6.this对象   this是js的一个关键字，它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。   this的指向在函数运行时才进行绑定。   var box = document.getElementById('box'); box.onclick = function () {     console.log(this); // this指向box }

标签：调用,函数,dom,元素,招式,鼠标
来源： https://www.cnblogs.com/r-mp/p/11084721.html