如何在 HTML 中调用 JavaScript 函数?
javascriptweb developmentfront end technology更新于 2024/11/26 6:36:17
在本文中，我们将探讨如何从 HTML 模板调用和初始化 JavaScript 函数。我们需要 JavaScript 函数对传递的输入执行所需的方法。
在本教程中，我们将讨论从 HTML 页面调用 JavaScript 函数的两种主要方法。
在第一种方法中，我们将采用一个简单的输入标签和与之关联的提交按钮。单击按钮后，我们将看到一个对话框作为警报弹出在屏幕上。单击此按钮时会调用 JavaScript 函数来显示警报。
方法 1
首先，通过输入标签获取一个按钮。
单击按钮后，您可以看到屏幕上弹出一个对话框，该对话框已在 JavaScript 函数中声明为警报。
clickEvent() 函数允许在使用 onclick() 方法单击此按钮时执行 alert()。
示例 1
# index.html
Welcome To Tutorials Point
输出
上述程序将产生以下结果。当您单击"单击此处!"按钮时，它将发出警告消息"嘿...Javascript 函数被调用了。"
方法 2
在这种方法中，我们可以使用 JavaScript 直接编写 HTML。我们可以将所有模板代码添加到脚本标记内，并使用 document.write() 方法写入模板。同样，我们也可以直接从 HTML 模板中使用 JavaScript 函数，而无需使用任何事件。
示例 2
# index.html
输出
上述程序的输出如下图所示−
相关文章
向数组和对象数组中的公共项添加属性 - JavaScript?
如何使用 JavaScript 创建动画?
如何在屏幕中间显示 JavaScript 警告框?
如何使用 JavaScript 更改警告框的样式?
如何在 JavaScript 中获取自 Unix 纪元以来的毫秒时间?
如何使用 JavaScript 从元素中删除类名?
JavaScript 函数调用
JavaScript DataView()
JavaScript Array.from() 方法
JavaScript 回调
有用资源
javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.w3schools.cn/javascript/
打印
下一节:如何在 JavaScript 中调用父类的构造函数? ❯❮ 上一节:如何使用 JavaScript 动态添加 HTML 元素?