您的位置：首页 > Web前端 > Node.js

【nodejs】以iframe做载体获取一个完整的web界面

2016-11-30 11:39 295 查看
1. 以node为基础的服务器

var http = require("http")
var fs = require("fs")

http.createServer(function(req,res){
var path = req.url;
if(path == "/validate.html"){
path = "/html/validate.html";
}else if(path == "/"){
path = "/index.html";
}
sendFile(res,path);
}).listen(3000)

function sendFile(res,path){
var path = process.cwd()+path;
fs.readFile(path,function(err,stdout,stderr){
if(!err){
var data = stdout;
var type = path.substr(path.lastIndexOf(".")+1,path.length);
res.writeHead(200,{'Content-type':"text/"+type});	//在这里设置文件类型，告诉浏览器解析方式
res.write(data);
}
res.end();
})
}


请求"/validate.htmlt"会返回一个完整的html界面。

2. index.html
<!DOCTYPE html>
<html>

<head>
<title>index</title>
<meta charset="utf-8">

</head>

<body>
<h1>index html</h1>
<div id='can' style="height:500px">
</div>

<script type="text/javascript" src="js/jquery.js"></script>

<script>
$("<iframe>").attr({"src":"/validate.html",width:"100%",height:"100%",frameborder:"no"}).appendTo($("#can"));
</script>
</body>

</html>


3. 目录结构

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  nodejs web 返回一个界面
相关文章推荐
新的分享
章节导航