[09-03]function函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="17.css"/>
</head>
<body>
<!-- 事件定义：
- 在事件定义时直接写js
嵌入式：
- 使用<script>标签>
文件调用式：
- 代码位于单独的.js文件中；
- html页面引用.js文件；
-->
<!--1.事件定义式:在定义事件时直接写js;
事件指的是用户在做出操作时调用时调用js，就是js调用时机，如单机、双击等；
onclick="" 单击 ondblclick="" 双击
-->
<input type="button" value="按钮1" onclick="alert('李三')"/>
<!--2.嵌入式：在script标签里谢js,该标签可以放在网页任意位置，但通常放在head里较多；-->
<script>
//function是关键字，用来声明函数；
/*f2是函数名，小括号内可以声明参数；*/
//大括号内是函数体；
//js中函数都是公有的，不需要修饰符；
//js中的函数不需要声明返回值类型；
function f2(){
//不区分单引号，双引号;
alert("传奇");
}
</script>
<input type="button" value="按钮2" onclick="f2()"/>
<!--3.文件调用式：在单独的js文件内容写js，需要引入到网页上才能使用；
- 该标签必须写成双标签，哪怕没有内容；
- 该标签不能既引入js又写js.
-->
<script src="17.js"></script>
<input type="button" value="按钮3" onclick="f3()"/>
</body>
</html>
----------
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>函数</title>
</head>
<body>
<script>
//变量尽量不要用中文，但支持中文；
//函数的申明 ， 削苹果的流水线
// function 削苹果(){
// document.write("洗苹果"+"<br>");
// for(var i =0;i<10;i++){
// document.write("去皮"+(i+1)+"<br>");
// }
// document.write("切小块"+"<br>");
// document.write("插上牙签"+"<br>");
// }
// //函数执行，使用流水线
// 削苹果();//削1次苹果
// 削苹果();//削2次苹果
//函数的参数
//形式参数 形参会接受实参的值
// function shuiguo(shuiguoming){
// document.write("洗"+shuiguoming+"<br>");
// for(var i =0;i<10;i++){
// document.write("去皮"+(i+1)+"<br>");
// }
// document.write("切小块"+"<br>");
// document.write("插上牙签"+"<br>");
// }
// //实际的参数
// shuiguo("li");
// shuiguo("xiangjiao");
// function shuiguo(shuiguoming="火腿",cishu=1,zhi="小块"){
// //undefined 属性用于存放 JavaScript 中未定义的值
// if(shuiguoming === undefined){
// shuiguoming = "苹果";
// shuiguoming = "梨";
// shuiguoming = "香蕉";
// shuiguoming = "橙子";
// shuiguoming = "西瓜";
// shuiguoming = "哈密瓜";
// shuiguoming = "菠萝";
// }
// // shuiguoming = shuiguoming || "火腿"; // || 或者的意思；
// // cishu = cishu || 1;
// // zhi = zhi || "小块";
// document.write("洗"+shuiguoming+"<br>");
// for(var i =0;i<cishu;i++){
// document.write("去皮"+(i+1)+"<br>");
// }
// document.write("切"+zhi+"<br>");
// document.write("插上牙签"+"<br>");
// }
// shuiguo("西瓜",5,"小块");
// shuiguo("苹果",8,"大块");
// shuiguo("火龙果");
function shuiguo(shuiguoming="火腿",cishu=1,zhi="小块"){
var str = shuiguoming;
document.write("洗"+shuiguoming+"<br>");
for(var i =0;i<cishu;i++){
document.write("去皮"+(i+1)+"<br>");
//break; //跳出代码运行的代码块；
}
document.write("切"+zhi+"<br>");
document.write("插上牙签"+"<br>");
strl = "一碟"+zhi+"的"+str;
//tt运行没有结果，需要在这里是有return,返回结果;
return strl;//return 返回，函数返回值,代表函数运行结束；
}
// var tt = 0;
//函数运行完，要有结果；
var tt = shuiguo("苹果",2);
document.write("<br>"+"tt拿到了:"+tt+"<br>");
</script>
</body>
</html>
