网站首页 | 文章中心 | 源码中心 | 虚拟主机 | 域名注册 |  贺卡源码 | Java特效 |
您现在的位置: 人文中国 >> 文章中心 >> javascript >> 文章正文

  没有公告

教程二、函数的应用     ★★★★★ 【字体:
教程二、函数的应用
作者:renwen    文章来源:本站原创    点击数:    更新时间:2005-4-5

教程二、函数的应用


    这个教程中我要讲的是有关函数(function)的使用,函数在javascript中应用是相当广泛的,几乎在后边的所有例子中我们都将用到函数,可以看出它在javascript中的作用是多么的重要!

例2 第一个函数示例







onclick="talk()">






例2的运行结果如下:

    在此例中,我们通过Html语句产生一个按钮,当浏览者用鼠标去点击此按钮时将触发按钮的onclick事件,于是依据语句onclick="talk()"Html文件将会调用函数talk()。函数必须用function来标识,然后空一格,紧跟函数名,接着是"()"号,函数中可以有很多语句,这些语句必须用"{"号和"}"号括起来。函数talk()只有一条语句alert("嘿,你干吗点我?");函数alert()是一个javascript自带的,它将弹出一个小的警告窗体,并带有文字“嘿,你干吗点我?”和一个“确定”(OK)的按钮。例中的“//”符号是javascript的注释符号,即紧跟在此符号后边的内容为注释部分,此例中注释内容是“end function”,我习惯用这种方法来注释,因为如果"{"和"}"符号一多的话就分不清哪个"}"符号对应哪个"{"符号了。

    这里要说明的是,函数并不一定要放到调用此函数的语句之前,您可以把函数放到Html文件的最后面,当函数被调用时,它一样可以执行!不信您可以试试看!

    我再提醒一下,请务必记住:javascript是区分大小写的,所以函数名也必须区分大小写,函数talk()和Talk()、alert()和Alert()都是不同的函数,您若是把函数alert()改称了Alert(),那将会出现脚本错误,因为javascript并没有自带函数Alert()。

例3 简单函数调用








请输入您的姓名:

T1" size="20"> onclick="hello()">





    此例的运行结果请点击“在线示例”。

    例3中出现了两个函数:info()hello()。对于简单的info()函数我就不多讲了,它是在Html文件被浏览器装载时被调用的,调用的语句是:onload="info()",onload事件者能放在标签中,并且当Html文件被浏览器装载时触发此事件。hello()函数则是在名为"B1"的按钮被按下时触发的onclick事件调用,这个函数中有一个判断语句“if……else……”,该判断语句的语法结构如下:

        if(判断条件){
            语句1;
            语句2;
            ……
            语句n;
            }
        else{
            语句1;
            语句2;
            ……
            语句n;
            }


    判断条件中的判断符号可以是==(等于)、<(小于)、>(大于)、<=(小于等于)、>=(大于等于)或!=(不等于)。特别要注意的是等于是==而不是=不等于是!=而不是<>

    在本例的if……else……语句中,出现了T1.value,它指代的是Html文档中语句T1" size="20">创建的文本框“T1”,输入到此文本框的文本可以使用T1.value调出来。加号“+”用于字符串的合并,例如变量str存放着字符串“hello”,则 str+",the world!" 可得到字符串“hello,the world!”。
 


文章录入:renwen    责任编辑:renwen@renwen.net 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    Java加密和数字签名编程快速…
    字符随鼠标漂动
    用JavaScript实现窗口从天而…
    JavaScript技巧4例
    如何提高asp运行速度
    JavaScript脚本精粹--滚动文…
    文字追鼠标,这辈子跟定你了?
    Java apple实现的动态菜单
    3D文字特技(java特技)
    JavaScript脚本精粹--变色背…
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)