js从零开始第二天

最新推荐文章于 2024-08-04 16:33:59 发布

summerDreams

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量458

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/shiyujie0822/article/details/53287737

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

不好意思大家，断更了。。最近比较忙还望理解哈哈。
OK话不多说今天讲解一下javascript的函数和事件，通常我们需要在某个事件发生时执行代码，比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。
OK直接撸代码。新建一个HTML文件（新来的同学可以看下上一篇）。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <span id="test">和夏天一起学JS 第二天</span>
        <button type="button" onclick="test()">点我</button>

        <script type="text/javascript"> 
            function test(){
                document.getElementById("test").innerHTML="哈哈哈" ;
            }

        </script>
    </body>
</html>

直接运行，显示
这里写图片描述

点击点我那个按钮，然后变成这样
这里写图片描述

OK这就是一个简单地函数，好了我们现在来讲解一下代码。

        <span id="test">和夏天一起学JS 第二天</span>
        <button type="button" onclick="test()">点我</button>

第一句是一个span语句，给了一个ID，方便调用，第二个是一个button按钮，里面绑定了一个事件（函数）名。test()。oncilk的意思就是点击这个按钮之后会触发这个事件。
然后我们来看script里面的代码。

function test(){
                document.getElementById("test").innerHTML="哈哈哈" ;
            }

function 是一种语法吧算是，然后我们看test()方法里面的内容，代码很长我们拆开来看，

document.getElementById("test")

document上一篇我们讲过是页面的对象，getElementById是根据id获取某个对象，之前我们给span标签一个id test，现在我们就用到了，通过这句话我们获得了这个span对象。

innerHTML="哈哈哈"

innerHTML是给这个对象添加内容。
OK今天讲了函数的使用，大家可以多尝试一下，最好可以多写几遍代码！

summerDreams

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js从零开始第二天

不好意思大家，断更了。。最近比较忙还望理解哈哈。 OK话不多说今天讲解一下javascript的函数和事件，通常我们需要在某个事件发生时执行代码，比如当用户点击按钮时。如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。 OK直接撸代码。新建一个HTML文件（新来的同学可以看下上一篇）。<!DOCTYPE html><html> <head>
复制链接

扫一扫