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

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. 目录结构


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逛街的猫啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值