JavaScript 函数和事件 (onclick/)
Posted The snail
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 函数和事件 (onclick/)相关的知识，希望对你有一定的参考价值。
javascript 函数和事件
通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。
在 <head> 或者 <body> 的JavaScript
您可以在 html 文档中放入不限数量的脚本。
脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
<head> 中的 JavaScript 函数
在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <head> 部分。
该函数会在点击按钮时被调用：
<!DOCTYPE html> <html> <head> <script> function myFunction() { document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; } </script> </head> <body> <h1>我的 Web 页面</h1> <p id="demo">一个段落</p> <button type="button" onclick="myFunction()">尝试一下</button> </body> </html>
<body> 中的 JavaScript 函数
在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。
该函数会在点击按钮时被调用：
<!DOCTYPE html> <html> <body> <h1>我的 Web 页面</h1> <p id="demo">一个段落</p> <button type="button" onclick="myFunction()">尝试一下</button> <script> function myFunction(){ document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; } </script> </body> </html>
以上是关于JavaScript 函数和事件 (onclick/)的主要内容，如果未能解决你的问题，请参考以下文章
javascript函数执行。在 onclick 事件上放置一个函数不起作用
在javascript onclick（或任何）事件上调用异步函数
UIWebView Javascript onclick 事件未将事件对象发送到函数