JS的书写格式

最新推荐文章于 2024-08-23 16:53:29 发布

枕梦

最新推荐文章于 2024-08-23 16:53:29 发布

阅读量1.2w

点赞数

分类专栏： HTML5+JS 文章标签： javascript 书写格式

本文链接：https://blog.csdn.net/qq_37768482/article/details/72730213

版权

HTML5+JS 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

JS的书写格式与CSS相同：分为行内JS、内部JS和外部JS三种

1.行内JS

直接在body语句中写：

<input type="button" value="点击有惊喜" οnclick="javascript:alert('哈哈哈')" />

2.内部JS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内部JS</title>
    <script>
        //声明一个函数
        function surprise() {
            alert('恭喜你，中了100万');
        }
    </script>
</head>
<body>
<input type="button" value="点击有惊喜" οnclick="surprise()">
<input type="button" value="点击" οnclick="surprise()">
</body>
</html>

3.外部JS：需要在外部创建一个.js，然后在<head>中引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外部JS</title>
    <script src="../../js/Test.js" type="text/javascript"></script>
</head>
<body>
<input type="button" value="点击" οnclick="test()">

</body>
</html>