JavaScript | 引入方式

 和css类似，也是三种：行内式、内接式、外接式

1. 行内式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div {
            width: 100px;
            height: 100px;
            background-color: red;
        }
</style>
</head>
<body>
    <!--行内js onclick 事件名-->
<div onclick="alert(111)"></div>        // onclick表示点击事件
</body>
</html>

访问网页，直接输出提示框

 

 

2. 内接式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div {
            width: 100px;
            height: 100px;
            background-color: red;
        }
    </style>
    <script type="text/javascript">alert(222);</script>
</head>
<body>
    <div></div>
</body>
</html>

3.外接式

创建文件夹，名字为js。在目录中创建文件index.js，内容如下：

alert(333);

 

 

posted @ 2019-08-24 17:55  PythonGirl  阅读(271)  评论(0)    收藏  举报