代码之家 › 专栏 › 技术社区 › user3668129

分割HTML文件无效

node.js css html javascript

user3668129 · 技术社区 · 7 年前

我正在尝试构建非常简单的网页(一个页面,分为两部分,每个部分都有自己的html文件):

Welcome.html & Welcome.css :

<html>

    <head>
        <link rel="stylesheet" type="text/css" href="Welcome.css">
    </head>

    <body id="bodyTag">

     <script type = "text/javascript"  src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>       
      <script type = "text/javascript">
         $(document).ready(function(){            

         });
      </script> 

       <div id="top" w3-include-html="/Top.html">

       </div>

       <div id="bottom">
            bottom
        </div>

    </body>
</html>


#bottom {    
    height: 50%;
    background-color: blue;
}

#top {    
    height: 50%;
    background-color: orange;
}

我想要那种欢迎。html文件将从外部html文件中获取顶部内容

Top.html


<html>

  <head>    
  </head>

  <body>
      Test -> TOP

  </body>
</html>

但似乎没有对Top的要求。节点中的html文件。js日志:

var express = require('express');
var app = express();
var fs = require('fs');
var bodyParser = require('body-parser');

app.use(bodyParser.json())


/* 
 *  Home page
 */
app.get('/', function (req, res) {
   clearLogScreen();
   console.log("[/] Got request for '/'");
   res.sendFile( __dirname + '/Welcome.html');   
})


app.get('/Welcome.css', function(req, res) {
  console.log("[/Welcome] Got request for 'Welcome.css'");
  res.sendFile(__dirname + "/" + "Welcome.css");
});

app.get('/Top', function(req, res) {
  console.log("[/Top] Got request for 'Welcome.top'");
  res.sendFile(__dirname + "/" + "Top.html");
});


/* 
 *  Startup
 */
var server = app.listen(8081, function () {
   var host = server.address().address
   var port = server.address().port

   // start
   console.log("-----------------------------")  
   console.log("Dirname: " + __dirname);
   console.log("App listening at http://%s:%s", host, port)
})

我想我错过了一些很容易的东西,但找不到错误。