【JS】JavaScript应用于HTML页面

最新推荐文章于 2024-04-02 02:00:00 发布

Banana忍冬

最新推荐文章于 2024-04-02 02:00:00 发布

阅读量205

点赞数 1

分类专栏：前端 # JS 文章标签： javascript

本文链接：https://blog.csdn.net/BananaChoas/article/details/119044740

版权

前端同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

在HTML标记中直接添加

把JS作为HTML标记的事件属性的值。如button点击触发alert提示框。

<body>
    <input type="button" value="点击" onClick="alert('按钮被点击了')">
</body>

用<script>标记插入

在<script type="text/javascript">和</script>之间直接写JS，可以插入到HTML之间的某个位置。该方法常用于<head></head>之间和<body></body>之间

<body>
    <script type="text/javascript">
        var a=5;
        var b=10;
        if(a<b){
            alert("a<b");
        }
    </script>
</body>

用<script>链接外部JS文件

在<head></head>之间用<script>声明外部JS文件，作为HTML标记的事件属性直接使用。

这样有点像写JAVA，使用外部的函数前先import引入包，然后再使用该包内的函数。

对应的外部JS文件：outside.js

function clickFunction(){
    alert("触发了外部JS");
}

在HTML页面中使用

<html>
<head>
    <title>测试页面</title>
    <script type="text/javascript" src="outside.js"></script>
</head>
<body>
    <input type="button" value="点击" onclick="clickFunction();">
</body>
</html>