第九课
函数的定义与调用
1:函数的定义
    语法格式
    function 函数名(数据类型 参数1){//function是定义函数的关键字
        方法体;//statements,用于实现函数功能的语句
        [返回值return expression]//expression可选参数，用于返回函数值
        
    }

　　命名规则：函数名的命名规则，当一个名字包含多个单词的时候，习惯上用下划线把单词分隔开，如like_this()。另一种习惯是在第一个单词以后的所有单词都以一个大写字母开始，如likeThis()。
    //1:函数名:区分大小写，并且在同一个页面中，函数名是唯一的
    //2:parameter:可选参数，用于指定参数列表，但使用多个参数时
    //，参数间使用逗号进行分割，一个函数最多使用255个参数
    实例
    var a=10;
    var sum=0;
    function add(a,b){
        sum=a+b;
        return sum;
    }
    
2：函数的调用

　　函数的参数：javascript函数可以以任意的数目的参数来调用，而不管函数定义中参数名字有多少个，由于函数是宽松类型的，它就没有办法声明所期望的参数的类型，并且，任何函数传递任意类型的参数都是合法的。当调用一个函数的参数少于声明的参数个数的时候，其他的参数就有一个undefined的值。

　　编写这样的函数常常是很有用的:某些参数为可选的并且在调用函数的时候可以忽略它们

关键代码如下所示
<script language="javascript">
        function checkName(){
            var str=form1.useName.value;//关键代码，可以尝试学习html,调用form标签名字是form1的名字是useName的value值
            if(str==""){
                alert("请输入姓名");
            }else{
                alert(str);
            }
        }
    </script>

<body>
    <form name="form1" method="post" action="">
    请输入姓名<input type="text" name="useName" id="useName" size=20/>
    <br/>
    <input type="button" value="检测" onclick="checkName()">
    </form>
</body>

案例如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>自己模仿的函数调用检测</title>
    <script language="javascript">
        function checkName(){
            var str=form1.useName.value;
            if(str==""){
                alert("请输入姓名");
            }else{
                alert(str);
            }
        }
    </script>
</head>
<body>
    <form name="form1" method="post" action="">
    请输入姓名<input type="text" name="useName" id="useName" size=20/>
    <br/>
    <input type="button" value="检测" onclick="checkName()">
    </form>
</body>
</html>

案例运行结果如下

            

                 

第十课
事件与事件处理
1：事件
    什么事事件？例如在页面载入完毕时，将触发onload()事件；
    当用户单击按钮时，将触发按钮的onclick事件等。
    
    常用事件：
    onabort:        对象载入被中断时触发
    onblur:         元素或者窗口本身失去焦点时触发
    onchange:       改变<select>元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生过改变时触发
    onerror:        出现错误时触发
    onfocus:        任何元素或窗口本身获得焦点时触发
    onkeydown:      键盘键包括shift,alt被按下时触发
    onkeypress:     键盘键被按下，并产生一个字符时触发，也就是说按下shift或者alt等键不会触发
    onkeyup:        释放键盘上的按键时触发
    onload:         页面完全载入后触发
    onunload:       页面完全卸载后触发
    onclick:        单击鼠标左键时触发，当光标的焦点在按钮上，并按enter键也会触发
    ondblclick:     双击鼠标左键时触发
    onmousedown:    单击任何一个鼠标按键时触发
    onmousemove:    鼠标在某个元素上移动时持续触发
    onmouseout:     鼠标从指定的元素上移动开始触发
    onmouseover:    鼠标移动到某个元素时触发
    onmouseup:      释放任意一个鼠标按键时触发
    onreset:        单击重置按钮时，在form标签上触发
    onresize:       窗口或者框架的大小发生改变时触发
    onscroll:       在任何滚动条的元素或者窗口上滚动时触发
    onsubmit:       单击提交按钮时，在<form>上触发
    
2：事件处理
    事件处理程序是用来响应某个事件而执行的处理程序。事件处理程序
    可以是任意的javascript语句，通常使用函数来对事件进行处理
    
    调用函数的两种方式：
    第一种方式，在HTML中绑定
    第二种方式，在javascript中绑定(第二种方式要注意先执行
    form标签内的内容，然后再执行script标签内的内容)
    
 案例1代码如下

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>调用函数的方法1</title>

     <script language="javascript">

         function save(){

             alert("单击做出反应");

         }

     </script>

 </head>

 <body>

     <input type="button" name="save" id="save" value="保存" onclick="save()">

 </body>

 </html>

案例1运行结果如下

             

案例2代码如下

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>调用函数的方法1</title>

 </head>

 <body>

     <input type="button" name="save" id="save" value="保存">

     <script language="javascript">

         var bt_save=document.getElementById("save");

         bt_save.onclick=function(){//匿名函数

             alert("单击做出反应");

         }

     </script>

 </body>

 </html>

案例2运行结果如下

         
    

Javascript函数的简单学习的更多相关文章

  1. JavaScript学习笔记（一）：介绍JavaScript的一些简单知识

    JavaScript是世界上最流行的编程语言.这门语言可用于HTML和web,更可广泛用于服务器.PC.笔记本电脑和智能手机等设备.---------------------------------- ...

  2. JavaScript权威设计--JavaScript函数(简要学习笔记十一)

    1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...

  3. Swift学习之函数和简单地控件的创建

     今天还是重复昨天做的事情--敲代码,但唯一的不同就是所学的知识不同了,我们又进一步往深得层次学习了,感觉越来越有意思了,虽然临近结束了看着大家积极性越来越低了,但是我知道我不能这样,我要比别人付出的 ...

  4. 一个简单例子弄懂什么是javascript函数劫持

    javascript函数劫持很简单,一般情况下,只要在目标函数触发之前,重写这个函数即可. 比如,劫持eval函数的代码如下: var _eval=eval; eval=function(x){ if ...

  5. 【JavaScript】使用setInterval()函数作简单的轮询操作

    轮询(Polling)是一种CPU决策怎样提供周边设备服务的方式,又称"程控输出入"(Programmed I/O). 轮询法的概念是.由CPU定时发出询问.依序询问每个周边设备是 ...

  6. HTML 学习笔记 JavaScript (函数)

    函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块 实例 <!DOCTYPE html> <html> <head> <script> func ...

  7. JavaScript函数学习要点总结（一）

    1.函数的最大作用是提供代码复用: 2.JavaScript函数是弱类型语言,定义函数时既不要声明函数的返回值,也不要声明函数的参数列表类型: 语法如下: function functionName( ...

  8. JavaScript 函数与对象的 简单区别

    直接上例子 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <met ...

  9. JavaScript学习总结(七)——JavaScript函数(function)

    一.函数基本概念 为完成某一功能的程序指令(语句)的集合,称为函数. 二.JavaScript函数的分类 1.自定义函数(我们自己编写的函数),如:function funName(){} 2.系统函 ...

随机推荐

  1. 济南学习D2T2__数学分析题

    [问题描述]有N个数,随机选择一段区间,如果这段区间的所有数的平均值在[l,r]中则你比较厉害.求你比较厉害的概率.[输入格式]第一行有三个数N,l,r,含义如上描述.接下来一行有N个数代表每一个数的 ...

  2. 通过底层AVR方法实现SPI数据传输

    主机端: /********************************* 代码功能:通过底层AVR方法实现SPI数据传输(主机端) 创作时间:2016*10*17 使用资源: 更低阶的 aTme ...

  3. CCKJ 笔试

    面向对象三个特性: 面向对象技术是目前流行的系统设计开发技术,它包括面向对象分析和面向对象程序设计.面向对象程序设计技术的提出,主要是为了解决传统程序设计方法--结构化程序设计所不能解决的代码重用问题 ...

  4. 数据库管理员<三>

    数据库管理员  介绍 每个 oracle 数据库应该至少有一个数据库管理员(dba),对于一个小的数据库,一个 dba 就够了,但是对于一个大的数据库 可能需要多个 dba 分担不同的管理职责.那么 ...

  5. c#开发Mongo笔记第六篇

    之前写的五篇比较得到了大家的积极反馈,也有个别高手对我写我写出的代码进行了指教. 其中提到的我写的查询方法性能有问题,我想了想,如果mongo不是延时加载的话,那我的查询就真的有问题了,就成了查询出来 ...

  6. 0728pm 控制器

  7. 6本Android开发必备图书

    学习一样新事物或许有多种方式,报培训班,看视频,向高手请教等等,但一本好书往往可以让你少走很多弯路,事半功倍.今天与大家分享一些Android开发值得一读的书籍,希望对新手安卓开发者们有所帮助. 1. ...

  8. myeclipse2013以及以后的最新版各种破解（其实就是获取活跃码而已）

    当你下到最新版的myeclipse-blue的时候你是否会为注册激活而烦恼呢,别担心,其实激活也就那么点事儿,请遵循我如下做法就可以了: 免积分下载破解地址 http://download.csdn. ...

  9. 2011 wireshark 实用过滤表达式（针对ip、协议、端口、长度和内容） 实例介绍

    首先说几个最常用的关键字,“eq” 和 “==”等同,可以使用 “and” 表示并且,“or”表示或者.“!" 和 "not” 都表示取反. 一.针对wireshark最常用的自然 ...

  10. jQuery最佳实践(转载)

    本文转载于阮一峰的博文. 上周,我整理了<jQuery设计思想>. 那篇文章是一篇入门教程,从设计思想的角度,讲解“怎么使用jQuery”.今天的文章则是更进一步,讲解“如何用好jQuer ...