ZBLOG

web代码示例

当然可以!下面是一个简单的HTML和JavaScript示例,展示了如何创建一个基本的网页,并使用JavaScript实现一个按钮点击事件。

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>简单网页示例</title>
  7. <style>
  8. body {
  9. font-family: Arial, sans-serif;
  10. margin: 20px;
  11. }
  12. button {
  13. padding: 10px 15px;
  14. font-size: 16px;
  15. cursor: pointer;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <h1>欢迎来到我的网页!</h1>
  21. <p id="message">点击下面的按钮:</p>
  22. <button onclick="showMessage()">点击我!</button>
  23. <script>
  24. function showMessage() {
  25. document.getElementById("message").innerText = "你好,世界!";
  26. }
  27. </script>
  28. </body>
  29. </html>

示例说明:

  • HTML部分:

    • 使用<h1>标签显示标题。
    • 使用<p>标签显示初始消息。
    • 使用<button>标签创建一个按钮,当用户点击时会触发JavaScript函数。
  • CSS部分:

    • 简单的样式设置,调整字体和按钮样式。
  • JavaScript部分:

    • showMessage()函数在按钮被点击时执行,更新消息内容为“你好,世界!”。

你可以将这段代码复制到一个 .html 文件中,在浏览器中打开它以查看效果。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=20198

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?