第一天:html+JavaScript函数
testjstry1.html
知识点1:求多组数据的和
function demo(a,b){
var sum=a+b;
return sum;
}
var v1=demo(20,10);
var v2=demo(12,10);
alert(v1);
alert(v2); 运行结果:弹出框提示和的值 知识点2:定义函数 function 函数名(){
代码块
}
方式一:调用函数
function demo(){
var a=10;
var b=10;
var sum=a+b;
document.write(sum);
// alert(sum);
}
demo(); //调用函数
方式二:调用函数
<script>
function demo(){
var a=10;
var b=10;
var sum=a+b;
alert(sum);
} </script>
<form>
<input type="button" value="按钮的么" onclick="demo()">
</form>
注意:form表单必须放在script外面 方式三:调用函数 <script>
function demo(){
var a=10;
var b=10;
var sum=a+b;
alert(sum);
} </script>
<button onclick="demo()">按钮</button>
知识点3:有参函数
<script>
function demo(name,age){
alert("我的名字"+name+",年龄"+age); } </script>
<button onclick="demo('lin',20)">按钮</button>
<button onclick="demo('niu',20)">按钮</button>
运行结果:
界面存在两个按钮,点击不同按钮,弹出不同信息
知识点4:带返回值的函数 示例1:
function demo(){
return "hello";
}
var aa=demo()+":Linda";
var bb=demo()+":Alice";
alert(aa);
alert(bb);
运行结果:弹出两个框,第一个框的内容是 hello:Linda;第二个框的内容是Hello:Alice
示例2:
1)
function demo(a,b){
if(a>b){
alert("a比较大");
}else{
alert("b比较大");
}
}
demo(100,90);
运行结果:弹出框,提示a比较大,但是不建议在函数中使用alert,建议如3)中所写
2)
function demo(a,b){
if(a>b){
return alert("a比较大");
}else{
return alert("b比较大");
}
}
demo(100,90);
3)
function demo(a,b){
if(a>b){
return "a比较大";
}else{
return "b比较大";
}
}
var aa=demo(10,90);
alert(aa);
运行结果:弹出框,提示b比较大
4)第四种方式增加P标签,所以不需要alert了
<p id="pid"></p>
<script> function demo(a,b){
if(a>b){
return "a比较大";
}else{
return "b比较大";
}
}
var aa=demo(10,90);
document.getElementById("pid").innerHTML=aa;
</script>
运行结果:
a比较大
5)可以不去创建aa变量
<p id="pid"></p>
<script> function demo(a,b){
if(a>b){
return "a比较大";
}else{
return "b比较大";
}
} document.getElementById("pid").innerHTML=demo(10,90);
</script> 运行结果:
b比较大 知识点5:局部变量和全局变量
var m=1; //全局变量
function demo(){
var i=10;
X=11;
}
demo();
alert(m);
alert(X);
alert(i); 说明:1.函数外面定义的m为全局变量
2.函数内部定义的X为全局变量(不用var标记且函数被调用一次后才成为全局变量)
3.函数内部定义的i为局部变量
所以,如果注释了demo()函数,则alert(X)执行无弹出框;
i为局部变量,所以alert(i)执行无弹出框;
m为全局变量,所以alert(m)执行弹出框并显示m的值1;
ps:return语句后的语句不会再被执行
第一天:html+JavaScript函数的更多相关文章
- 深入理解javascript函数系列第一篇——函数概述
× 目录 [1]定义 [2]返回值 [3]调用 前面的话 函数对任何一门语言来说都是一个核心的概念.通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行.在javascript里,函数即 ...
- 第一百零二节,JavaScript函数
JavaScript函数 学习要点: 1.函数声明 2.return返回值 3.arguments对象 函数是定义一次但却可以调用或执行任意多次的一段JS代码.函数有时会有参数,即函数被调用时指定了值 ...
- 深入理解javascript函数系列第一篇
前面的话 函数对任何一门语言来说都是核心的概念.通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行.在javascript里,函数即对象,程序可以随意操控它们.函数可以嵌套在其他函数中 ...
- JavaScript Allongé 第一呷 :基础函数 (1)
第一呷 :基础函数 关于函数,尽管少,但毫不逊色. 在javascript中,函数是值,但它们不仅仅是简单的数值,字符串,或者甚至复杂的数据结构树或者地图.函数表示要执行的运算.就像数值.字符串和数组 ...
- 深入理解javascript函数进阶系列第一篇——高阶函数
前面的话 前面的函数系列中介绍了函数的基础用法.从本文开始,将介绍javascript函数进阶系列,本文将详细介绍高阶函数 定义 高阶函数(higher-order function)指操作函数的函数 ...
- ABP(现代ASP.NET样板开发框架)系列之21、ABP展现层——Javascript函数库
点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之21.ABP展现层——Javascript函数库 ABP是“ASP.NET Boilerplate Project ...
- javascript 函数初探 (一)--- 神马是函数
神马是函数? 所谓函数,本质上是一种代码的分组形式.我们可以通过这种形式赋予某组代码一个名字,以便与之后的调用.下面,我们来示范以下函数的声明: function sum(a, b){ var c = ...
- Javascript函数重载,存在呢—还是存在呢?
1.What's is 函数重载? );//Here is int 10 print("ten");//Here is string ten } 可以发现在C++中会根据参数的类型 ...
- JavaScript语言精粹读书笔记 - JavaScript函数
JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代 ...
- 常见的JavaScript函数
JavaScript函数一共可分为5类:常规函数.数组函数.日期函数.数学函数和字符串函数. (1)常规函数(9个) alert函数:显示一个警告对话框,包括一个“确定”按钮. confirm函数:显 ...
随机推荐
- Android.HowToDefineCustomView
Custom View Errors E1 在使用自定义CustomView时,出现以下runtime error: Android.View.InflateException: Binary XML ...
- 伪静态的服务器配置-如何php为 Discuz! X2 配置伪静态
URL 静态化是一个有利于搜索引擎的设置,通过 URL 静态化,达到原来是动态的 PHP 页面转换为静态化的 HTML 页面,可以提高搜索引擎抓取,当然,这里的静态化是一种假静态,目的只是提高搜索 ...
- Delphi XE2有什么新功能
具体内容见PDF Delphi XE2有什么新功能Delphi XE2提供(offers)了令人兴奋(exciting)的新功能,让您能够建立高度可视化的,在Windows,Mac和iOS上的业务应用 ...
- 标准IO缓冲机制
参考资料: https://q16964777.iteye.com/blog/2228244 知道缓冲有几种模式:无缓冲.行缓冲.全缓冲.通过判断FILTE中的 _flags 的判断可以知道究竟是那种 ...
- PS故障风海报制作技术分享
1.首先找一张看起来很酷的图(也可以选择自己喜欢的图片): 2. 复制图层,点击添加图层样式,选择混合选项,在高级混合里面的通道选项,有R.G.B三个通道选项,默认是全部勾选的状态,选择其中一个勾掉( ...
- [Robot Framework] Jenkins上调用Rebot命令时执行报错不往下执行其他命令
在配置jenkins job时,添加构建步骤Execute Windows batch command,输入执行rebot命令 报错信息: Call C:\Python27\Scripts\rebot ...
- match
//清空数据match (n) detach delete n (一)查询节点1.查询所有节点 //查询数据库中的所有节点 match(n)return n 2.查询带有某个标签的所有节点 //查询数 ...
- mysql8.0.4以后修改密码方式变更
https://blog.csdn.net/qq_38265784/article/details/80915098 use mysql: ALTER USER 'root'@'localhost' ...
- 人类及其他物种基因组DNA之问
问题1 : 不同人类个体的基因组长度总长是不是一样,如果不一样,那么人类基因组长度排序和范围区间是如何控制的?最短是多少,最长是多少?如果一样,如何理解基因的插入与缺失,INDEL等现象,如何平衡的呢 ...
- 如何将service绑入到spring 并且在action中使用
第一步:定制 service接口,为什么用接口我也不清楚 package com.inspur.services; import com.hsp.domain.User; public interfa ...