如果转入的是五个参数呢!
/* 转入五个参数 */ function asd3(name, age, sex, phone, address) { alert("姓名:" + name + "年龄:" + age + "岁" + "性别" + sex + "电话" + phone + "地址" + address);
如果转入的是六个参数呢!
/* 转入六个参数 */ function sex(name, age, sex, phone, address, shengfengzheng) { alert("姓名:" + name + "年龄:" + age + "岁" + "性别" + sex + "电话" + phone + "地址" + address + "身份证号:" + shengfengzheng);
如果转入的是没有参数呢!
function myFun() { alert("hellow word"); alert("No pains No gains") }
如果转入的是七个参数呢!
// !参数的函数 //声明的函数 function Student(name, age, sex, height, weight, like, muiec) { alert("我是创建的Student的对象猜猜我有哪些属性呢!") var ob = alert("姓名:" + name + "年龄:" + age + "性别" + sex + "身高:" + height + "体重:" + weight + "爱好:" + like + "音乐:" + muiec) } //调用函数的信息 Student("张三", 23, "男", 190, 67, "王者荣耀", "<愿这个世界对你温柔以待>")
结果不在展示上面已经有结果了:
<h1>Function函数的定义</h1> <!-- 函数入门 --> <script> //函数只声明步去调用有用吗 function hello0() { document.write("<h1 style='color:red'>函数只声明步去调用有用吗</h1>") } function hello() { document.write("<h1 style='color:red'>函数你好呀!</h1>") } // 函数调用 hello() function hello2() { document.write("<h1 style='color:green'>我是在表单中调用的函数hello2()</h1>") } </script> <!-- onclick="hello2() onclick是点击事件 --> <style> input { height: 400px; width: 600px; margin: auto; border: 3px solid lightpink; text-align: center; line-height: 400px; background-color: rgb(19, 15, 10); color: red; font-size: 30px; } input:hover { text-align: center; line-height: 300px; background-color: azure; color: blueviolet; height: 200px; width: 300px; } </style> <input type="submit" value="提交按钮点击事件为hello2()" onclick="hello2()">
上面是简单的内容自己可以实现一下:
<!-- 全局变量和局部变量 --> <script> var aaa = "我是全局变量"; function names() { var bbb = "这是局部的变量"; document.write(aaa + "<br>") document.write(bbb) } names(); document.write(aaa + "<br>") // document.write(bbb) </script>
上面是全局变量和局部变量:
<script> function chuko() { alert("这是程序的出口") } function a() { chuko(); } function b() { a(); } function c() { b(); } function d() { alert("程序的入口") c(); } // 调用的出口 d() </script>
函数中的多次套用:结果自己思考一下:
案例一
标题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <style> *{ font-size: 40px; color: red; } </style> <body> <!-- ! 定义6个数,求出其中的最大值,最小值 --> <script> var arr = [5, 8, 3, 4, 90,67]; function find() { var max = arr[0], min = arr[0]; var maxindex = 0; var minindex = 0; for (var i = 0; i < arr.length; i++) { if (arr[i] > max) { max = arr[i]; maxindex = i; } else if (arr[i] < min) { min = arr[i]; minindex = i; } } document.write("最大值为:" + max + "位置为:" + maxindex); document.write("最小值为:" + min + "位置为:" + minindex); } </script> <input type="submit" value="用户单机这里的信息求出其中的最大值,最小值 " onclick="find()"> <script> var n1=23,n2=90,n3=78,n4=34,n5=23,n6=90 var max=n1 if(max<n2)max=n2 if(max<n3)max=n3 if(max<n4)max=n4 if(max<n5)max=n5 if(max<n6)max=n6 </script> </body> </html>
之前博客写的小习题如何用函数包起来自己思考一下:下次课深入函数: