JavaScript函数

最新推荐文章于 2023-03-14 20:52:16 发布

pinkdown

最新推荐文章于 2023-03-14 20:52:16 发布

阅读量103

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_44764207/article/details/106950223

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function myFunction(){
            alert("你好，世界!");
        }
    </script>
</head>
<body>
   <button onclick="myFunction()">点击这里</button>
   <p>当按钮点击后，一个函数将被执行，该函数结果警告一条信息。</p>
</body>
</html>

带有参数的函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>点击这个按钮，来调用带参数的函数。</p>
    <button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
    <script>
        function myFunction(name,job){
            alert("Welcome" + name +", the" + job);
        }
    </script>
</body>
</html>

带有参数的函数2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function myFunction(txt){
            alert(txt);
        }
    </script>
</head>
<body>
    <form>
        <input type="button" onclick="myFunction('Good Morning!')" value="在早上">
        <input type="button" onclick="myFunction('Good Evening!')" value="在晚上">
    </form>
    <p>当你点击其中任意一个按钮，一个函数将被执行，函数结果弹出一个警告显示传递的参数。</p>
</body>
</html>

返回值的函数

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function myFunction(){
            return("Hello World1");
        }
    </script>
</head>
<body>
    <script>
        document.write(myFunction());
    </script>
</body>
</html>

带有参数并返回值的函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>本例调用的函数会执行一个计算，然后返回结果：</p>
    <p id="demo"></p>
    <script>
        function myFunction(a, b){
            return a*b;
        }
        document.write(myFunction(2, 4));
    </script>
</body>
</html>

pinkdown

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript函数

函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> function myFun
复制链接

扫一扫

专栏目录