Javascript函数的简单学习
第九课
函数的定义与调用
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函数的简单学习的更多相关文章
- JavaScript学习笔记（一）：介绍JavaScript的一些简单知识
JavaScript是世界上最流行的编程语言.这门语言可用于HTML和web,更可广泛用于服务器.PC.笔记本电脑和智能手机等设备.---------------------------------- ...
- JavaScript权威设计--JavaScript函数(简要学习笔记十一)
1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...
- Swift学习之函数和简单地控件的创建
今天还是重复昨天做的事情--敲代码,但唯一的不同就是所学的知识不同了,我们又进一步往深得层次学习了,感觉越来越有意思了,虽然临近结束了看着大家积极性越来越低了,但是我知道我不能这样,我要比别人付出的 ...
- 一个简单例子弄懂什么是javascript函数劫持
javascript函数劫持很简单,一般情况下,只要在目标函数触发之前,重写这个函数即可. 比如,劫持eval函数的代码如下: var _eval=eval; eval=function(x){ if ...
- 【JavaScript】使用setInterval()函数作简单的轮询操作
轮询(Polling)是一种CPU决策怎样提供周边设备服务的方式,又称"程控输出入"(Programmed I/O). 轮询法的概念是.由CPU定时发出询问.依序询问每个周边设备是 ...
- HTML 学习笔记 JavaScript (函数)
函数是由事件驱动的或者当他被调用时执行的可重复使用的代码块 实例 <!DOCTYPE html> <html> <head> <script> func ...
- JavaScript函数学习要点总结（一）
1.函数的最大作用是提供代码复用: 2.JavaScript函数是弱类型语言,定义函数时既不要声明函数的返回值,也不要声明函数的参数列表类型: 语法如下: function functionName( ...
- JavaScript 函数与对象的 简单区别
直接上例子 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <met ...
- JavaScript学习总结(七)——JavaScript函数(function)
一.函数基本概念 为完成某一功能的程序指令(语句)的集合,称为函数. 二.JavaScript函数的分类 1.自定义函数(我们自己编写的函数),如:function funName(){} 2.系统函 ...
随机推荐
- Ubuntu 编译安装 Linux 4.0.5 内核，并修复 vmware 网络内核模块编译错误
. . . . . 今天把 Ubuntu 14.04 升级到了最新的 4.0.5 的内核版本,本来不打算记录下来的,但是升级的过程中确实遇到了一些问题,所以还是记录下来,分享给遇到同样问题的猿友. 先 ...
- 学习Spring必学的Java基础知识
[1] Java反射知识-->Spring IoC :http://www.iteye.com/topic/1123081 [2] Java动态代理-->Spring AOP :http: ...
- ios 项目引用全局pch文件
1.在项目中新建添加PCH文件 把这些记下来,下次直接粘贴:$(SRCROOT)/工程名/pch文件名
- nil、Nil、NULL和NSNull的区别和联系
一.nil 我们给对象赋值时一般会使用object = nil,表示我想把这个对象释放掉: 或者对象由于某种原因,经过多次release,于是对象引用计数器为0了,系统将这块内存释放掉,这个时候这个对 ...
- C#动态执行字符串(动态创建代码)
在编写C#程序的时候,有时我们需要动态生成一些代码并执行.然而C#不像JavaScript有一个Eval函数,可以动态的执行代码.所有这些功能都要我们自己去完成.如下是实例. 动态创建代码: usin ...
- DELPHI优秀的一些开源框架：QDAC,MORMOT,DIOCP
DELPHI优秀的一些开源框架:QDAC,MORMOT,DIOCP 程序员搞任何语言的程序开发上升到一定的层次,要想进步,必须要接触和学习使用优秀的开源框架. MORMOT封装了WINDOWS最新的H ...
- TestNG中用Parameters或DataProvider为测试方法传入参数
转载于网络 一.设置参数 测试方法是可以带有参数的.每个测试方法都可以带有任意数量的参数,并且可以通过使用TestNG的@Parameters向方法传递正确的参数. 设置方式有两种方法:使用 te ...
- matlab微分方程dsolve使用
y=dsolve('Dy=exp(-x-y-2)','y(0)=-2','x') dy/dx 写成Dy (注意大小写) y(0)=-2 表示初始条件 'x'表示积分变量
- 【转】Fiddler的基本介绍
转:http://kb.cnblogs.com/page/130367/#basic Fiddler的官方网站: www.fiddler2.com Fiddler的官方帮助:http://docs. ...
- javaweb-url /
/一直搞得不清不楚 有时候不用加有时加了也行,有时必须加 转发自XXX论坛 推荐使用 <% String path = request.getContextPath(); String base ...