代码之家 › 专栏 › 技术社区 › 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)
})

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

2 回复 | 直到 7 年前

Rajkumar Somasundaram 7 年前

请结帐 templatesjs ; 它将帮助在另一个html中插入html。

realharry 7 年前

我不确定“w3 include html”是什么,但如果它做了它应该做的事情(基于名称),那么尝试将其值从“/Top.html”更改为“/Top”。或者,也可以尝试将express应用程序中的url路由“/Top”更改为“/Top.html”。

另一方面:您包含的html(“Top.html”)不应该是完整的html。尝试删除html、标题和正文标记。它应该是一个片段。

推荐文章

user433342 · 流式传输SheetJS-xlsx以在节点中形成数据

5 月前

servvs · 如何从javascript中的另一个类回调读取修改后的类属性?

5 月前

Vanortton · 使用Docker开始应用程序开发还是在开发过程中配置Docker?[关闭]

5 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

5 月前

LifeAsPixels · 试图使用Node.js读取我的本地html文件时,此错误的来源是什么?

5 月前

Josue Abotsidia · 创建NextJS项目时出错

5 月前

Soon Winner · TypeError:superheroes.random在使用“超级英雄”npm包时不是函数[关闭]

6 月前

Null Salad · 如何使用postgresql和nodejs将变量安全地插入数组?

6 月前

Zak · 令牌认证路由的页面刷新重定向到React中的404页面

6 月前

DSATH · 我的lambda在代码完成之前就结束了,我不知道为什么

6 月前