在Node.js中运行JS文件

时间:2017-12-26 20:17:12

标签: javascript html node.js

我是一名自学者,我在Node.js上运行测试文件时遇到问题。我使用以下命令:" node"。我不知道文件没有被定义是什么意思。在这种情况下,我正在键入节点test.js.你能帮忙的话,我会很高兴。我面临以下错误:

PS C:\Users\buddys\Desktop\Projects> node test.js
C:\Users\buddys\Desktop\Projects\test.js:8
   document.write("Metri loves you too baby!");
   ^

ReferenceError: document is not defined
    at Object.<anonymous> (C:\Users\buddys\Desktop\Projects\test.js:8:4)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.runMain (module.js:604:10)
    at run (bootstrap_node.js:389:7)
    at startup (bootstrap_node.js:149:9)
    at bootstrap_node.js:504:3

现在,当我运行index.html时,JavaScript正在写入网页。这是我的索引和.js文件:

的index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JavaScript Learning</title>

  </head>
  <body>
    <h1>JS for Metri</h1>
<p>blah blah blah</p>
<div class="content">

</div>

<!--place scripts at the bottom of the body unless big files. If it's a big files
Metri, make a separate .js file and link it to the HTML page by using src attribute. -->
<script src="test.js" charset="utf-8"></script>
  </body>
</html>

test.js

var youLikeMetri = true;
var age= 18;
var enter = 'You are permitted to be legally drunk';
var almost = 'You may legally smoke but not drink'
var exit= 'You are not permitted to be legally drunk';
//if statement if(condition){CODE BLOCK;}
 if (youLikeMetri){
   document.write("Metri loves you too baby!");
 }
//COMPARISON OPERATORS
//==EQUAL TO !=NOT EQUAL TO !==NOT IDENTICAL
//>=GREATER THAN OR EQUAL TO ||OR
//<=LESS THAN OR EQUAL TO &&AND
 if (age >= 21){
   document.write(enter);
 }
//elseif to create multiple conditions after first if.
else if(age <= 20){
  document.write(almost);
}

else if (age < 18){
  document.write(exit);
}
//while loops are continuous if the condition is met.
// while (condition){CODE BLOCK}
while (age <10) {
  console.log('You are less than 10');
  age++
  //adds one to age when age is > 10 it will continue down.
}
document.write('You are older than 10 now')

3 个答案:

答案 0 :(得分:2)

document不是标准JavaScript的一部分。它是由Web浏览器提供的API。

Node.js不是Web浏览器,也不提供document对象。

要从Node.js写入STDOUT,您可以使用process module

process.stdout.write("Hello, world");

答案 1 :(得分:1)

文档属于Web浏览器中的DOM,因为nodeJS不是客户端javascript,您无法访问浏览器DOM
但是,如果要在客户端应用程序上使用nodeJS模块,可以使用broserify

答案 2 :(得分:1)

你在前端(执行test.js的index.html)和后端之间混淆了。

节点js用于后端。您可以将其视为实现“web服务器”,将您的案例中的index.html和test.js发送到浏览器。

您案例的工作示例:

var express = require('express')
, http = require('http')
, path = require('path');

var app = express();

app.set('port', process.env.PORT || 3000);

app.use(express.errorHandler());
app.use(express.static(path.join(__dirname)));

http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

将其另存为my_backend.js

执行:

npm install express

现在运行:

node my_backend.js

确保您的其他文件(index.html和test.js)保存在与my_backend.js相同的文件夹中。

现在,打开浏览器并输入:

http://127.0.0.1:3000/

它正在做的是使用快速框架创建一个Web服务器,该服务器在本地主机端口3000上进行侦听,只需在与my_backend.js相同的文件夹中搜索您从中请求的任何资源。

有关更多信息,请参阅任何node.js + express教程。