如何调用 HTML 中的 JavaScript 函数

2025 年 3 月 25 日 | 阅读 2 分钟

如果我们想在 HTML 中调用 JavaScript 函数，我们需要遵循以下步骤。通过这些步骤，我们可以轻松访问 JavaScript 函数。

步骤 1：首先，我们在 title 标签之后，在 <head> 标签的开始和结束之间输入 script 标签。然后，输入 JavaScript 函数。

<Head>    
<Title>   
Call a JavaScript function
</Title>
<script type = "text/javascript">
         function msgprint() {
            alert("You are Successfully Called the JavaScript function");
         }
</script>
</Head>

步骤 2：之后，我们需要在 HTML 代码中调用 JavaScript 函数，以在网页上显示信息或数据。因此，我们可以通过函数名在 form 标签的 input 标签中调用 JavaScript 函数。

<form>
         <input type = "button" onclick = "msgprint()" value = "Message Print"> 
      </form>   

步骤 3：最后，我们需要保存 HTML 文件，然后运行该文件，该文件将调用 JavaScript 函数。

<!Doctype Html>
<Html>   
<Head>    
<Title>   
Call a JavaScript function
</Title>
<script type = "text/javascript">
         function msgprint() {
            alert("You are Successfully Called the JavaScript function");
         }
</script>
</Head>
<Body> 
<p>Click on the following button for calling the function: </p>      
      <form>
         <input type = "button" onclick = "msgprint()" value = "Message Print"> 
      </form>     
      <p>
</Body> 
</Html>

上述 HTML 代码的输出显示在以下屏幕截图中

How to call a JavaScript Function in Html

下一主题如何在 HTML 中创建表单

如何调用 HTML 中的 JavaScript 函数

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

HTML 教程

HTML 属性

HTML 标签列表

HTML5 高级

HTML API

HTML 颜色名称

HTML 杂项

选择题

面试题

如何调用 HTML 中的 JavaScript 函数

相关帖子

HTML 中的有序列表与无序列表

使用 HTML 和 CSS 设计致敬页面

HTML 注册表单

CodePen HTML

HTML img src

如何将图片作为链接在 HTML 中

HTML 日历

HTML 申请表

HTML 中的根元素

如何创建 HTML 注册表单

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器