0
164
ViewsConexión de HTML y JS
Soy nuevo en la codificación y estoy tratando de crear un sitio web muy básico con html, css y js.
Cuando me refiero al código en el archivo html de js, encuentro un problema.
Mi archivo HTML contiene el siguiente código:
<!DOCTYPE html> <html> <head> <title>random stuff</title> <script src="Mgen.js"> </script> </head> <body> <p id="quote"> quote </p> </body> </html> Mgen.js en src="Mgen.js" es un hipervínculo que enlaza con el archivo js correcto, cuyo archivo se almacena en la misma carpeta que el archivo HTML.
En Mgen.js he incluido el siguiente código para probar la conexión entre los archivos:
let quote = document.getElementById('quote') console.log(quote)Esto da el siguiente mensaje de error:
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)Instalé node.js y habilité y deshabilité la conexión automática. También intenté verificar el código a través de un navegador, aquí tampoco se muestran elementos del archivo js (lo intenté con un código js diferente que debería mostrarse en un navegador si funciona).
2 answers
Answer question0
parece que su JavaScript se está ejecutando en node. En ese caso, su JavaScript se ejecutaría en el servidor (y no en el cliente, su navegador). Solo cuando JavaScript se ejecuta en el navegador, existe el documento.
Pruebe una cosa: apague el nodo y simplemente abra el archivo HTML sin formato en su navegador. Eso debería funcionar en ese sentido, ese document ahora debería estar definido, pero es posible que encuentre otro error: su cita p no se definirá, porque carga el JavaScript y lo ejecuta antes de definir el párrafo. En ese caso: coloque la etiqueta del script antes de la etiqueta del cuerpo de cierre.
0
El archivo JavaScript importado se está cargando antes de que el HTML DOM esté listo. Por lo tanto, no se encontrarán los elementos del documento. entonces puede usarlo como texto/javascript en la etiqueta del script
Use un ejemplo aquí.
<script type="text/javascript"> let quote = document.getElementById('quote') console.log("quote---",quote) </script> 