html调用JavaScript的方式

关注

原创最新推荐文章于 2026-04-21 17:05:50 发布 1k 阅读 AI 写同款· GEO 优化 ›

HTML中调用JavaScript方法的方式在上述示例中，通过JavaScript代码获取到按钮元素的引用，并使用"addEventListener"方法来监听"click"事件。在上述示例中，将JavaScript代码放入名为"script.js"的外部文件中，并通过"src"属性引入到HTML文件中。本文将介绍几种常见的HTML调用JavaScript方法的方式，并提供相应的源代码示例。如果JavaScript代码较长或需要在多个HTML页面中共享，可以将JavaScript代码放入外部文件中，并通过HTML的"script"标签引入该文件。阅读详情

<!--出现在script标签内部的代码将依次执行-->  
<html>  
 <head>  
    <script>  
        alert("The first script is in the head!");  
    </script>  
    <script src=out.js></script>  
    <script defer>alert("delay script in the head!");</script>  
    <!--defer描述的将推迟到页面加载完成后执行-->  
 </head>  
  
 <body>  
    <script>  
        alert("The second script is in the body!");  
    </script>  
    <script src=out.js></script>
    <!--引用外部源文件-->
    <input type="button" value="button1" onclick='alert("button1 is clicked!")'/>  
    <!--所有的事件都以on开头-->  
 </body>  
</html>  
<!--还可以在地址栏中输入JavaScript代码，javascript:alert("script in the url!");-->

收录于