我如何在node.js中使用html5和jquery

时间:2021-04-19 19:00:07

I want to use my original html in node.js

我想在node.js中使用我原来的html

This is simple hsh.html

这很简单,就是hsh.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> How to Say Hello </title>
    <link type="text/css" href="./sys/lib/css/uniform.default.css" rel="stylesheet" media="screen" />
    <link type="text/css" href="./sys/lib/css/jquery-ui.1.10.3.smoothness.css" rel="stylesheet" media="screen" />
    <script type="text/javascript" src="./sys/lib/scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="./sys/lib/scripts/jquery-ui.1.10.3.min.js"></script>
    <script type="text/javascript" src="./sys/lib/scripts/myhello.js"></script>
    <script>
    $(function(){
        $( "#sayDate" ).datepicker();
    });

    function resetHello()
    {
        document.getElementById("hello").value = "";
        document.getElementById("sayDate").value = "";
    }
    </script>
</head>
<body>
    <form name="syaHello">
        How to say hello in your contry?<br>
        <input type="text" id="hello" value="">
        <INPUT id=sayDate style="WIDTH: 100px" name=sayTime>
    </form>
    <div class="docBtn_list">
        <input type="button" value="View Hello" onclick="javascript:howHello();" /> 
        <input type="button" value="Reset" onclick="resetHello();" /> 
    </div>
</body>
</html>

myhello.js

function howHello()
{
    alert(document.getElementById("hello").value + " " + 
          document.getElementById("sayDate").value);
}

and nodeSev.js

var http = require('http'),
    fs = require('fs');


fs.readFile('./hsh.html', function (err, html) {
    if (err) {
        throw err; 
    }       
    http.createServer(function(request, response) {  
        response.writeHeader(200, {"Content-Type": "text/html"});  
        response.write(html);  
        response.end();  
    }).listen(3000);
});

But this is not working about jquery and howHello java script.

但这不适用于jquery和howHello java脚本。

I don't want change html and js too much and don't use express package.

我不想更改html和js太多而且不要使用快递包。

1 个解决方案

#1


1  

Before answering your question...

在回答你的问题之前......

Your question aims at serving static web content.

您的问题旨在提供静态网络内容。

You should install 'express' (a node module based on famous 'connect', which can be used for this as well but lacks other features) and configure it to serve your file from a static directory:

您应该安装'express'(一个基于着名的'connect'的节点模块,也可以用于此但缺少其他功能)并将其配置为从静态目录提供文件:

var express = require('express');
var app = express.createServer();

/* configure your static directory */
app.configure(function(){
  app.use(express.static(__dirname + '/static'));
});

/* on request, send index.html */
app.get('/', function(req, res){
   res.sendfile(__dirname + '/index.html');
});

app.listen(3000); 

Now that you have express installed, take a look at Jade.

现在您已经快速安装了,看看Jade。

You can then process received requests and dynamically serve content. That's state of the art - serving pre-coded html is 90's-style.

然后,您可以处理收到的请求并动态提供内容。这是最先进的 - 服务预编码的html是90年代风格。

#1


1  

Before answering your question...

在回答你的问题之前......

Your question aims at serving static web content.

您的问题旨在提供静态网络内容。

You should install 'express' (a node module based on famous 'connect', which can be used for this as well but lacks other features) and configure it to serve your file from a static directory:

您应该安装'express'(一个基于着名的'connect'的节点模块,也可以用于此但缺少其他功能)并将其配置为从静态目录提供文件:

var express = require('express');
var app = express.createServer();

/* configure your static directory */
app.configure(function(){
  app.use(express.static(__dirname + '/static'));
});

/* on request, send index.html */
app.get('/', function(req, res){
   res.sendfile(__dirname + '/index.html');
});

app.listen(3000); 

Now that you have express installed, take a look at Jade.

现在您已经快速安装了,看看Jade。

You can then process received requests and dynamically serve content. That's state of the art - serving pre-coded html is 90's-style.

然后,您可以处理收到的请求并动态提供内容。这是最先进的 - 服务预编码的html是90年代风格。