JavaScript | 入门介绍

最新推荐文章于 2024-05-28 15:57:19 发布

Bravo！！！

最新推荐文章于 2024-05-28 15:57:19 发布

阅读量81

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_47982238/article/details/107655818

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

一、何为JS特效

1. 定义事件（出发时机+行为）

2.触发事件（行为发生）

3.事件发生具有重复性

<html>
<head>
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
    <div> 
        <img src="dog.png" onclick="alert(123)">
    </div>
</body>
</html>

点击图片，出现弹框，内容为123

二、基于对象的语言

1.如何获得该对象

2.如何调用该对象的属性

3.如何调用该对象的方法

JS需要找到对象后才能对元素添加事件，故JS标签<script>放在body体后面

对象的组成部分：

1.属性（特征）

2.方法（行为）

以上内联代码可以改写内部嵌套代码

<html>
<head>
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
    <div> 
        <img src="dog.png" id="dogid">
    </div>
</body>
    <script>
        //找到小狗图片
        dogobj=document.getElementById('dogid');//通过id找到对象
        //给图片添加事件
        dogobj.onclick=function(){//单击鼠标触发方法
            alert(123);
        }
        //触发事件
    </script>
</html>

外部包含只需要把<script>标签内的代码剪切到另一个index.js后缀文件中，然后在原代码处