Javascript 如何在node.js中使用html5和jquery
我想在node.js中使用我的原始html 这很简单hsh.htmlJavascript 如何在node.js中使用html5和jquery,javascript,jquery,html,node.js,Javascript,Jquery,Html,Node.js,我想在node.js中使用我的原始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
<!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>
和nodeSev.js
function howHello()
{
alert(document.getElementById("hello").value + " " +
document.getElementById("sayDate").value);
}
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);
});
但这对jquery和howHello java脚本不起作用
我不想对html和js做太多更改,也不想使用express软件包。在回答您的问题之前 您的问题旨在为静态web内容提供服务 您应该安装“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);
现在您已经安装了express
,请查看
然后,您可以处理收到的请求并动态地提供内容。这是最先进的技术-提供预编码html是90年代的风格。一个问题是,您将为每个请求回写html,包括静态资产的请求(
.js
,.css
,等等)。为此,您需要实现自己的路由逻辑或使用框架。问题是错误的。它与jQuery无关。它应该是“如何提供静态文件?”。那些真正想使用jQuery服务器端的家伙,看看。HTML5 doctype只是
不管怎样,只要开始使用Express就可以了。。。