Go语言实现网页按钮点击弹出提示框

本教程将演示如何使用Go语言创建一个简单的网页,其中包含一个按钮,点击后会弹出提示框。

HTML 代码:

<button id='btn'>Click me</button>

Go 代码:

package main

import (
    "fmt"
    "net/http"
)

func handler(w http.ResponseWriter, r *http.Request) {
    fmt.Fprintf(w, "<html><body>")
    fmt.Fprintf(w, "<button onclick='alert('Hello!')'>Click me</button>")
    fmt.Fprintf(w, "</body></html>")
}

func main() {
    http.HandleFunc("/", handler)
    http.ListenAndServe(":8080", nil)
}

代码解释:

  1. HTML 代码 仅包含一个按钮元素,其 id 属性设置为 btn
  2. Go 代码 中的 handler 函数负责生成网页内容。
  3. handler 函数使用 fmt.Fprintf 将 HTML 代码写入响应中。
  4. onclick 属性调用 JavaScript 的 alert 函数,弹出提示框,显示 “Hello!” 的内容。
  5. main 函数将 handler 函数与 URL 路径 / 绑定,并将服务器监听在端口 8080 上。

运行步骤:

  1. 保存以上代码为 main.go 文件。
  2. 在命令行中运行 go run main.go 命令。
  3. 访问 http://localhost:8080/ 即可看到网页,点击按钮会弹出提示框。

总结:

本教程演示了如何使用 Go 语言创建简单的网页,并使用 JavaScript 实现按钮点击弹出提示框的功能。您可以根据此示例进一步扩展,实现更复杂的功能。

Go语言实现网页按钮点击弹出提示框

原文地址: https://www.cveoy.top/t/topic/mC7M 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录