html css document,javascript - Including JS and CSS in an HTML document? - Stack Overflow

本文介绍了一个使用Go语言搭建HTTP服务器的例子,并讨论了如何在服务器端渲染HTML页面的同时发送关联的JS和CSS文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

I'm running an http server instance with Go and I would like to return the HTML doc to a client, but the JS and the CSS files are not working. How do I make the JS and CSS get sent along with the HTML if they are in different files?

Go Code

package main

import (

"fmt"

"io/ioutil"

"net/http"

)

func main() {

http.HandleFunc("/", handler)

http.ListenAndServe(":8080", nil)

}

func handler(w http.ResponseWriter, r *http.Request) {

w.Header().Set("Content-Type", "text/html")

file, _ := ioutil.ReadFile("webpage.html")

s := string(file)

fmt.Fprintf(w, s)

}

webpage.html

html file

Click to change color

And changeColor.js

function init(){

var h1tags = document.getElementsByTagName("h1");

h1tags[0].onclick = changeColor;

}

function changeColor(){

this.style.color = '#000000';

}

onload = init;

CSS is in a file called styles.css in the same directory as the HTML doc.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值