Skip to content

引用JS

内部JS

直接写在html文件里, 用script标签包住

例子:

html
<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在内部引入js弹窗警告框</title>
</head>

<body>
    <script>
        alert("Hello World")
    </script>
</body>

</html>

外部JS

代码写在以.js后缀的文件里, 通过script标签引入到html页面中

例子:

html
<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在外部引入js弹窗警告框</title>
</head>

<body>
    <script src="script.js"></script>
</body>

</html>
js
alert("Hello World")

内联JS

代码写在标签内部(了解即可, 后面Vue框架才是重点)

例子:

html
<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在内联引入js弹窗警告框</title>
</head>

<body>
    <button onclick="alert('可能吗¿')">点击月薪过亿</button>
</body>

</html>