在HTML中编写JavaScript,首先需要了解基本的HTML结构和JavaScript语法,以下是一个简单的示例,展示了如何在HTML中使用JavaScript:
(图片来源网络,侵删)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>HTML中的JavaScript示例</title></head><body> <h1>欢迎来到我的网站</h1> <p id="demo">点击按钮查看结果</p> <button onclick="myFunction()">点击我</button> <script> // 使用小标题和单元表格展示JavaScript代码 document.write("<h2>JavaScript代码示例</h2>"); document.write("<table border='1'><tr><td>JavaScript代码</td></tr><tr><td>"); document.write("function myFunction() {"); document.write("document.getElementById('demo').innerHTML = '你好,世界!';"); document.write("}"); document.write("</td></tr></table>"); </script></body></html>
在这个示例中,我们创建了一个简单的HTML页面,包含一个标题、一个段落和一个按钮,当用户点击按钮时,会触发名为myFunction
的JavaScript函数,这个函数会修改段落的内容,将其更改为“你好,世界!”。
为了展示JavaScript代码,我们在HTML中使用了一个小标题(<h2>
标签)和一个单元表格(<table>
标签),表格的第一行是表头,显示“JavaScript代码”,第二行是一个单元格,其中包含我们的JavaScript代码。