首页如何在html调用 js里面的函数

如何在html调用 js里面的函数

时间: 2024-12-18 10:28:05 浏览: 10

在HTML中调用JavaScript函数通常通过`<script>`标签内的函数直接执行，或者在HTML元素上绑定事件处理程序。以下是几种常见的方法： 1. **直接调用**: ```html <button onclick="myFunction()">点击调用函数</button> <script> function myFunction() { // 函数体... } </script> ``` 当用户点击按钮时，会自动运行`myFunction()`。 2. **通过ID关联**: ```html <div id="myDiv" onclick="myFunction(this)">点击调用函数</div> <script> function myFunction(element) { // 使用传入的元素执行操作... } </script> ``` `onclick`属性传递了元素本身作为参数，可以在函数中进一步处理。 3. **在脚本内部全局调用**: ```html <body> <p id="text">Hello World!</p> <script> document.getElementById("text").addEventListener("click", myFunction); function myFunction() { this.textContent = "你点击了!"; } </script> </body> ``` 这里通过`addEventListener`添加了一个点击事件监听器，当文本框被点击时，会执行`myFunction`。

阅读全文