您的位置:首页 > Web前端 > JavaScript

javascript入门系列演示·函数的定义以及简单参数使用,调用函数

2006-08-04 10:50 1061 查看
函数根c#里面我们定义的方法一样,他可以多次使用,他会根据你传来的参数帮你完成很多你想要的结果,打个比方,你想要一包烟,与是你让儿子拿着你写的纸条去给你买,这个过程就是调用函数并传递参数,当小家伙去超市,在超市里,小MM按纸条所写的名字把烟给你儿子,这个过程就是函数内部代码的处理过程了,这个过程就算完成了。

函数的命名与变量的命名规则一样,简单说就是名字里面不能有除下划线以外的符号,不能有空格,开头不能是数字,好像只有这些!!

对了,上面我们说到变量,那就顺便说下吧,变量的作用域:定义在函数内部的变量叫局部变量,其作用只在函数内部有效,在外面,别人根本不认识他,而在函数外定义的变量叫全局变量,这个全局便量和其他语言的全局变量是不同的,这个的作用域只是当前页,当前页关闭了,他也就会内存驱逐出境的.当然,你可以使用cookie类似的技术来帮助他;

编写函数的原则是越短越好,长了不好维护,虽然JS允许你写裹脚布一样长的代码。如果实在需要的话,最好是做成多个函数块!其实在前面关于代码运行时间的实例中已经写了一个调用函数,只是没有传参!地址是 /article/4592158.html,好了,下面我们开始演示吧 ,说心里话,我很讨厌说这些无聊的文字.

演示一:这个演示我们调用了chuli()函数来处理文本框的值 ,然后让chuli函数把值作为参数再来调用 welc() 函数完成最后的事情

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript入门系列演示·函数的定义以及简单参数使用,调用函数</title>
<script language="javascript">
function chuli()
{//这里先取出文本框的值,并分别赋给变量
var aaa=document.form1.name.value;
var bbb=document.form1.like.value;
//下面我们把上面两个变量作为参数来调用下面的welc函数
welc(aaa,bbb);//你可能会疑惑,为什么我们传的参数并不叫 a ,b,赫赫,其实很简单哪,JS会自动把值给相应的参数,这也是你必须注意的
}
function welc(a,b)//welc是函数名称,后面括号里是参数,如果没有参数,也必须要对括号
{
alert("欢迎您"+a+",你最喜欢的是"+b)
}
</script>
<style type="text/css">
<!--
.STYLE1 {
color: #FF0000;
font-weight: bold;
}
-->
</style>
</head>

<body>
<p>函数根c#里面我们定义的方法一样,他可以多次使用,他会根据你传来的参数帮你完成很多你想要的结果,打个比方,你想要一包烟,与是你让儿子拿着你写的纸条去给你买,这个过程就是<strong>调用函数并传递参数</strong>,当小家伙去超市,在超市里,小MM按纸条所写的名字把烟给你儿子,这个过程就是<strong>函数内部代码的处理过程了</strong>,这个过程就算完成了。</p>
<p>函数的命名与变量的命名规则一样,简单说就是名字里面不能有除下划线以外的符号,不能有空格,开头不能是数字,好像只有这些!!</p>
<p>对了,上面我们说到变量,那就顺便说下吧,<strong>变量的作用域:</strong>定义在函数内部的变量叫<span class="STYLE1">局部变量</span>,其作用只在函数内部有效,在外面,别人根本不认识他,而在函数外定义的变量叫<span class="STYLE1">全局变量</span>,这个全局便量和其他语言的全局变量是不同的,这个的作用域只是当前页,当前页关闭了,他也就会内存驱逐出境的.当然,你可以使用cookie类似的技术来帮助他;</p>
<p>编写函数的原则是越短越好,长了不好维护,虽然JS允许你写裹脚布一样长的代码。如果实在需要的话,最好是做成多个函数块!其实在前面关于代码运行时间的实例中已经写了一个调用函数,只是没有传参!地址是 /article/4592158.html,好了,下面我们开始演示吧 ,说心里话,我很讨厌说这些无聊的文字.</p>
<p>演示一:这个演示我们调用了chuli()函数来处理文本框的值 ,然后让chuli函数把值作为参数再来调用 welc() 函数完成最后的事情</p>
<p>在下面文本框里分别输入你的名字和喜好</p>
<form id="form1" name="form1" method="post" action="">
您的名字是:
<input type="text" name="name" />
,你最喜欢的事是:
<input type="text" name="like" onchange="chuli()" />
</form>
<p> </p>
<p>  </p>
</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐