前端实例HTML+CSS+HTML DOM——实现简单跳转

本文介绍了如何使用HTML、CSS和JavaScript实现前端页面的简单交互,包括背景图片设置、按钮点击事件、图像切换以及链接跳转。通过创建和解析HTTP请求,展示了后端如何响应前端的请求。
摘要由CSDN通过智能技术生成

一、创建目录

-新建-项目-新建js,html文件

 二、后端代码

var http = require('http');

var fs = require('fs');//文件系统

var url = require('url');

 var path=require('path');//从pathname那儿把后缀取出

// 创建服务器

http.createServer( function (request, response) { 

   // 解析请求,包括文件名,请求参数,回答函数

   var pathname = url.parse(request.url).pathname;

   var extname=path.extname(pathname);//把后缀取出

   // 输出请求的文件名,parse,请求,取文件名,整个文件名

   console.log("Request for " + pathname + " received.");//在控制台输出信息,用于调试程序,反馈用户使用情况

  

   // 从文件系统中读取请求的文件内容

   fs.readFile(pathname.substr(1), function (err, data) {

      if (err) {//出错,成功两个参数

         console.log(err);

         // HTTP 状态码: 404 : NOT FOUND

         // Content Type: text/html

         response.writeHead(404, {'Content-Type': 'text/html'});

      }else{            

         // HTTP 状态码: 200 : OK,返回200表示成功

         // Content Typ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值