当前位置：首页 > 行业动态 > 正文

如何在html中写js

admin
行业动态
2024-04-05
3550

在HTML中编写JavaScript，首先需要了解基本的HTML结构和JavaScript语法，以下是一个简单的示例，展示了如何在HTML中使用JavaScript：

如何在html中写js 第1张

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