初入WEB前端 JavaScript（3）

最新推荐文章于 2023-09-04 15:24:24 发布

宋辰轩

最新推荐文章于 2023-09-04 15:24:24 发布

阅读量82

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/weixin_44004068/article/details/107161613

版权

HTML5 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

1.对象中的函数

定义在对象中的函数

<!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 id="sc"></p>
    <script>
        var person ={
            f_name :"s",
            l_name :"cx",
            id :5566,
            fullName : function(){
                return this.f_name + "" +this.l_name;
            }
        };
        document.getElementById("sc").innerHTML = person.fullName();
    </script>
</body>
</html>

创建对象方法：methodName : function()
            { code lines }

访问对象方法：objectName.methodName()

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(){
            alert("Hello World!");
        }
    </script>
</head>
<body>
    <button onclick="myfunction()">点一下</button>
</body>
</html>

3.函数传参

直接copy菜鸟教程

<!DOCTYPE html>
<html>	
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</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>

宋辰轩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初入WEB前端 JavaScript（3）

1.对象中的函数定义在对象中的函数<!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&
复制链接

扫一扫

专栏目录