如何使用node.js在HTML中调用外部JavaScript文件

how to call external javascript file in html using node.js

本文关键字:调用 外部 JavaScript 文件 HTML 何使用 node js      更新时间:2023-09-26

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

.JS:

var http = require('http'),
fs = require('fs');
fs.readFile('HtmlPage.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(8000);});

.HTML:

<script type="text/javascript" >
function validation() {
  alert("Hai");            
  var fs = require("JavaScript1.js");
}
</script>
请记住

,HTML页面中的JavaScript将在浏览器上运行,而不是在服务器上运行。

因此,您的alert("Hai");将执行得很好,因为这是典型的客户端JavaScript代码,但像var fs = require("JavaScript1.js")这样的服务器端代码不会。

正如其他人在评论中指出的那样,有一些方法可以共享客户端和服务器端的javascript代码,但我怀疑这不是你所追求的,因为你已经开始学习Node.js

您在服务器中使用 Node.js 的事实不会自动在客户端为您提供新的 JavaScript 功能。就浏览器而言,服务器可以是Ruby或C#。

另外,我会像这样编写您的服务器端代码:

var http = require('http'),
var fs = require('fs');
http.createServer(function(request, response) {  
   fs.readFile('HtmlPage.html', function (err, html) {
     if (err) {
        throw err; 
     }
    response.writeHeader(200, {"Content-Type": "text/html"});  
    response.write(html);  
    response.end();  
   });       
}).listen(8000);});

我有一篇 Node.js 简介的博客文章,一开始可能会对您有所帮助:http://hectorcorrea.com/blog/introduction-to-node-js