首页thml调用js函数

thml调用js函数

时间: 2024-09-27 18:14:00 浏览: 47

在HTML中，调用JavaScript函数通常有两种常见的方法： 1. **内联脚本**：直接在HTML元素的属性中编写JavaScript代码。例如，在`<button>`标签上调用函数： ```html <button onclick="myFunction()">点击我</button> <script> function myFunction() { // 这里放置你的JavaScript代码 console.log('函数被调用了!'); } </script> ``` 2. **外部脚本链接**：将JavaScript代码放在单独的`.js`文件中，并在HTML文档的`<head>`或`<body>`部分引用它。比如在`<body>`标签结束处调用函数： ```html <body> <button id="myButton">点击我</button> <script src="script.js"></script> </body> // script.js 文件中 document.getElementById('myButton').addEventListener('click', myFunction); function myFunction() { // JavaScript 代码 } ``` 在上述代码中，`onclick`或`addEventListener`都是用于触发JavaScript函数的方式，当对应的事件（如点击按钮）发生时，函数就会被调用。

阅读全文