网站推广.NET

网站推广.NET

如何在html中写js

来源:互联网

在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代码。

标签: htmljs