JavaScript—函数的定义和调用
2015-12-10 20:19
507 查看
这次我们来看看函数的定义和调用~
定义函数:function 函数名称(){
函数体;(即代码块)
}
用function来定义函数
输出如下:
<script>
function tell(){ //定义乘法
var j=2;
var k=3;
var vl=j*k;
alert(vl);
}
tell();
</script>输出如下:
调用函数:函数定义好之后不能自己执行,需要进行调用
1、<script>标签里面调用
2、HTML文件里面调用
1、在<script>里调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
demo(); //此处调用函数 即在<script>中调用函数
</script>
2、接下来是在HTML里调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
</script>
<form> //创建一个表单,在HTML的表单中调用函数
<input type="button" value="按钮1" onclick="demo()">
</form>输出如下:
也可以用另一种调用方式;直接在<button>按钮中调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
</script>
<button onclick="demo()">按钮2</button>//直接在按钮中调用输出如下:
定义函数:function 函数名称(){
函数体;(即代码块)
}
用function来定义函数
<script> function demo(){ //定义加法 var m=2; var n=3; var sum=m+n; alert(sum); } demo(); <script>
输出如下:
<script>
function tell(){ //定义乘法
var j=2;
var k=3;
var vl=j*k;
alert(vl);
}
tell();
</script>输出如下:
调用函数:函数定义好之后不能自己执行,需要进行调用
1、<script>标签里面调用
2、HTML文件里面调用
1、在<script>里调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
demo(); //此处调用函数 即在<script>中调用函数
</script>
2、接下来是在HTML里调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
</script>
<form> //创建一个表单,在HTML的表单中调用函数
<input type="button" value="按钮1" onclick="demo()">
</form>输出如下:
也可以用另一种调用方式;直接在<button>按钮中调用函数
<script>
function demo(){
var a=2;
var b=3;
var sum= a+b;
alert(sum);
}
</script>
<button onclick="demo()">按钮2</button>//直接在按钮中调用输出如下:
相关文章推荐
- JavaScript模块化编程之require.js与sea.js
- week14---12月11日 JS内置对象——document文档对象、Dom对象
- ExtJS4为form表单必填项添加红色*标识
- js中extends方法
- servlet打开一个jsp莫名乱码问题
- 返回页面的数据中带标签,使js报错
- JSP与Servlet之间传值
- JavaScript 特殊之-prototype __proto__ class
- JSDOM对象控制HTML元素
- JavaScript性能---加载及执行
- JS--for循环的性能优化
- js中获取jsp中的参数
- 同一个页面里的JS怎样获取jsp从别的页面获取的参数
- javascript :ECMA5数组的新特性
- JSoup使用(一)
- 【层级结构】Ext.js5视图模型和数据绑定(上)
- 解析JSON数据
- 解决json_encode中文UNICODE转码问题
- JS--获取元素
- js的不稳定?