如何使用node.js在html中执行外部javascript文件

时间:2013-11-12 10:35:03

标签: node.js

我是一个完整的node.js新手并且在基础知识上苦苦挣扎。我有一个html文件,我想在本地主机环境中使用node.js在html页面中调用外部javascript文件。

3 个答案:

答案 0 :(得分:1)

您的主文件应检查请求的网址是否要求提供html或js或css文件。

var server = http.createServer(function(request, response) {
console.log("Received Request: " + request.url);
    if(request.url.indexOf('.html') != -1) {
        fs.readFile("game" + request.url, function (error, data) {
            if (error) {
                response.writeHead(404, {"COntent-type":"text/plain"});
                response.end("No Html Page Found.");
            } else{
                response.writeHead(200, {'Content-Type': 'text/html'});
                response.write(data);
                response.end(); 
            }

        });
    }
    else if(request.url.indexOf('.js') != -1) {
        fs.readFile("game" + request.url, function (error, data) {
            if (error) {
                response.writeHead(404, {"COntent-type":"text/plain"});
                response.end("No Javascript Page Found.");
            } else{
                response.writeHead(200, {'Content-Type': 'text/javascript'});
                response.write(data);
                response.end(); 
            }

        });
    }
    else if(request.url.indexOf('.css') != -1) {
        fs.readFile("game" + request.url, function (error, data) {
            if (error) {
                response.writeHead(404, {"COntent-type":"text/plain"});
                response.end("No Css Page Found.");
            } else{
                response.writeHead(200, {'Content-Type': 'text/css'});
                response.write(data);
                response.end(); 
            }

        });
    }
    else {
        console.log("Inside the inside else statement");
        response.writeHead(404, {"COntent-type":"text/plain"});
        response.end("No Page Found");
    }
}); 

之后,您可以在html文件中包含外部javascript和css文件。

答案 1 :(得分:0)

您只需将脚本标记添加到html:

<script type="text/javascript" href="/path/to/src.js"></script>

答案 2 :(得分:0)

我想我已经理解了你的真正兴趣。

<script src="script.js"></script>

如果你想在你的html上获得一个脚本标记(如上所述),你应该在Node.js http.createServer回调中编写一个“路由器”。当浏览器找到脚本标记时,它会向服务器发送特定请求,然后您可以在响应中发回javascript代码。

我在这里写了一个关于类似问题的方法:How to include javascript on client side of node.js?