转自:http://blog.csdn.net/zxsrendong/article/details/15504729
一个网页的内容其实就是一段字符串,response.write()可以接受一个字符串作为参数,所以很明显只需要把一个网页的内容作为参数传递给response.write()即可。例如:
- <span style="white-space:pre"> </span>var http = require('http');
- http.createServer(function(req, res){
- var html = '<html>'
- +'<head>'
- +'<title>nodejs</title>'
- +'</head>'
- +'<body>'
- + 'hello world! 1234'
- +'</body>'
- +'</html>';
- res.writeHead(200,{'Content-Type' : 'text/html'});
- res.write(html);
- res.end();
- }).listen(8888);
在浏览器地址栏输入127.0.0.1:8888查看结果,打开控制台,可以发现网页的类容已经全部包含在浏览器中。
一个网页一般会包含css样式文件和javascript脚本文件,再上一个示例中没有这两个文件。现在可以添加简单的css和javascript文件查看效果:
- <span style="white-space:pre"> </span>var http = require('http');
- http.createServer(function(req, res){
- var html = '<html>'
- +'<head>'
- +'<title>nodejs</title>'
- +'<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css" />'
- +'<script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"></script>'
- +'</head>'
- +'<body>'
- + 'hello world!hello world! 1234'
- +'</body>'
- +'</html>';
- res.writeHead(200,{'Content-Type' : 'text/html'});
- res.write(html);
- res.end();
- }).listen(8888);
会发现css文件和javascript文件都没有被正确下载。这是因为这段代码中规定的'Content-Type'都是'text/html'类型,而且所有的response内容都相同,当然就看不到想要的效果。
我们知道css样式和javascript脚本有多种不同的引入方法,css样式可以使用外联样式、内部样式和内联样式,javascript可以使用外联和内部两种,既然外联不能正确显示,那么可以尝试其他方法。通过测试可以发现css内部样式和内联样式都可以在网页上看到效果,javascript同样。
- <span style="white-space:pre"> </span>var http = require('http');
- http.createServer(function(req, res){
- var html = '<html>'
- +'<head>'
- +'<title>nodejs</title>'
- +'<style type="text/css">'
- +'body{color:red;}'
- +'</style>'
- +'</head>'
- +'<body>'
- + 'hello world! 1234'
- +'</body>'
- +'</html>';
- res.writeHead(200,{'Content-Type' : 'text/html'});
- res.write(html);
- res.end();
- }).listen(8888);
可以看到浏览器中的文字显示为红色。
但是这两种方式都不是现代web开发所提倡的。现代web开发提倡css样式和javascript使用外联的方式,以方便管理和重用。css文件和javascript文件都是静态文件,我们可以尝试建立一个简单的静态文件服务,这样就可以正确的在网页中使用外联文件了。
相关推荐
当下比较火的nodejs文档——<<nodejs的中文入门手册>>。
nodejs入门--作者: Manuel Kiessling
nodeJS入门搭配原生Mysql实现个人博客,模块化开发,具体实现参考源码
初识NodeJS服务端开发(Express+Mysql)
Nodejs学习利器:Nodejs入门经典+源代码
Nodejs的入门教程的示例,没有错误的地方,可以方便的找到自己有什么错误的
需要的小伙伴可以下载。
关于Node.js的一本入门书籍,中文版。
[NodeJs]入门经典的代码示例 npm的formidable模块安装与环境设置靠大家自己了
nodejs入门PDF高清版。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
NodeJs入门学习文档,对于新手刚接触NodeJs有一定的帮助
nodejs 入门文档,仅此文档,可以帮助很多人入门学习
nodejs入门级参考手册,零基础开始学习nodejs
Nodejs入门
nodejs入门教程二:创建一个简单应用示例.docx
nodejs入门教程六:express模块用法示例.docx
nodejs入门3路由1
nodejs基础入门及配置方法