我是新手编码,我试图建立一个非常基本的网站与html,css和js.

在从js引用html文件中的代码时,我遇到了一个问题.

我的HTML文件包含以下代码:

<!DOCTYPE html>
 <html>
   <head>
       <title>random stuff</title>
       <script src="Mgen.js"> </script>
   </head>
   <body>
       <p id="quote"> quote </p>
   </body>  
 </html>

src="Mgen,js"中的Mgen.js是链接到正确的js文件的超链接,该文件存储在与该html文件相同的文件夹中.

在Mgen.js中,我包含了以下代码来测试文件之间的连接:

let quote = document.getElementById('quote')
console.log(quote)

这将显示以下错误消息:

Uncaught ReferenceError ReferenceError: document is not defined
    at <anonymous> (undefined:1:13)
    at Module._compile (undefined:1105:14)
    at Module._extensions..js (undefined:1159:10)
    at Module.load (undefined:981:32)
    at Module._load (undefined:822:12)
    at executeUserEntryPoint (undefined:77:12)
    at <anonymous> (undefined:17:47)

我已经被困在这里好几个小时了.我已经安装了node.js,并启用和禁用了自动附加.我也试过通过浏览器判断代码,这里也没有显示js文件的元素(我try 了不同的js代码,如果可以的话,这些代码应该显示在浏览器中).

我明白这是一个非常基本的问题,但如果有任何解决方案,我都会非常感激.

推荐答案

您的Java脚本似乎正在 node 上运行.在这种情况下,您的JavaScript将在服务器上运行(而不是在客户端--您的浏览器).只有当JavaScript在浏览器中运行时,才会有文档.

试着做一件事:关闭 node ,在浏览器中打开普通的HTML文件. 在这方面应该是可行的,现在应该定义document,但是您可能会遇到另一个错误:您的报价p将不会被定义,因为您在定义段落之前加载并执行了它.在这种情况下:将脚本标记放在结束正文标记之前.

Javascript相关问答推荐

ReactJS中的material UI自动完成类别

微软Edge Select 间隙鼠标退出问题

Angular 17—每当一个布尔变量变为真时触发循环轮询,只要它保持为真

我的角模板订阅后不刷新'

如何发送从REST Api收到的PNG数据响应

从Nextjs中的 Select 项收集值,但当单击以处理时,未发生任何情况

使用getBorbingClientRect()更改绝对元素位置

<;img>;标记无法呈现图像

如何在Java脚本中对列表中的特定元素进行排序?

用于部分字符串的JavaScript数组搜索

如何更改Html元素S的 colored颜色 ,然后将其褪色为原始 colored颜色

Pevent触发material 用户界面数据网格中的自动保存

无法使用npm install安装react-dom、react和next

如果我的列有条件,我如何呈现图标?

Django模板中未加载JavaScript函数

Plotly.js栏为x轴栏添加辅助文本

不允许在对象文本中注释掉的属性

如何在css中裁剪成一定Angular 的圆的一部分,而不需要复杂的多边形

验证Java脚本函数中的两个变量

已在EventListener中更新/更改异步的React.js状态对象,但不会导致组件重新呈现