20190709-下午js自定义函数

最新推荐文章于 2023-10-20 17:57:43 发布

Javee-Y

最新推荐文章于 2023-10-20 17:57:43 发布

阅读量327

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js&jquery 文章标签： js 前端

本文链接：https://blog.youkuaiyun.com/qq_38901340/article/details/96451021

js&jquery 专栏收录该内容

12 篇文章

订阅专栏

本文介绍JavaScript中自定义函数的定义与调用方法，包括通过按钮触发函数执行、函数间相互调用等。此外，还介绍了局部与全局变量的区别、switch语句的使用方法及常见浏览器操作API。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

20190709-下午js自定义函数

——Javee

自定义函数，定义方法如下：

function 函数名(参数1,参数2...){
    js代码
}

例如：

function hello(name){
    alert("Hello " + name);
}
hello("javee");        //调用函数

还可以点击按钮触发调用函数，如下:

<!DOCTYPE html>
<html>
     <head>
         <meta charset="UTF-8">
         <title></title>
         <script>
              function hello(name){
                  alert("Hello " + name);
              }
//            hello("javee");
         </script>
     </head>
     <body>
         <button  onclick="hello('javee')">hello</button>
     </body>
</html>

函数之间可以互相调用：

function input(n){
    var n = prompt("Please input your "  + n + ":");
    return n;
}
           
function hello(){
    var name = input("name");
    var age = input("age");
                  
    alert("Hello " + name +", your age  is " + age);
}

hello();

switch语句的结构（没有break的话，会穿透到下一条继续运行，直到break或者结束）：

switch (str){
    case "+":
        num = 1 + 1;
        break;
    default:                //default最后判断，所以可以放在任意位置
        alert("error!!!");
        break;
    case "-":
        num = 1 - 1;
        break;
    case "*":
        num = 1 * 1;
        break;
    case "/":
        num = 1 / 1;
        break;   
}

case可以写一样的，有break则只运行第一个，否则都执行；

局部变量：只能在本变量声明的函数内部调用，有var修饰

var num = 1;        //此为局部变量

全局变量：整个代码中都可以调用，运行后全局有效，函数内无var修饰，写在function外面的也为全局变量（即使有var）

num = 1;        //全局变量

confirm：是否确认对话框，返回true和false；
open：打开新的指定大小和位置的窗口并访问到指定的页面，每个名字的窗口只能打开一次；
open("https://www.baidu.com","myWindow","width=100,height=100,left=100px,top=100px");

close：关闭当前窗口（只能关闭它打开的窗口）；

定时器：

setTimeout(fn, 2000);        //两秒后执行fn
setInterval(fn, 2000);        //每隔两秒执行一次fn

一个使用setInterval计时器的小栗子（js电子钟）：

<!DOCTYPE html>
<html>
     <head>
         <meta charset="UTF-8">
         <title></title>
         <script>
              document.write("<span id='time'></span>")
              setInterval("time.innerText=new Date().toLocaleString()",1000)
         </script>
     </head>
     <body>
     </body>
</html>