Appel d'un fichier js depuis un fichier html

**philipix** · 11/07/2017, 00h41

Bonjour,

J'ai lu l'exemple qu'il y a dans ce forum, mais cela ne m'aide pas.

Voici mon code html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <title>Titre</title>
    <script src="/main.js" type='text/javascript'></script>
 </head>
 
<body>
 
</body>
 
</html>

et voici le code javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var monTitre = document.querySelector('h1');
monTitre.textContent = 'Hello world!';

ce code est issu d'un petit tutoriel en vue d'une expérience de javascript.

Merci

**yahiko** · 11/07/2017, 00h52

Soit le slash est en trop, soit il manque un point.
"./main.js" ou simplement "main.js"

**danielhagnoul** · 11/07/2017, 01h05

Il n'y a pas de tag H1 dans votre HTML
Le JS doit s’exécuter après la construction du DOM ou après l'affichage de la page web

Exemple :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<!-- cache-control avec max-age=60 pour le développement uniquement -->
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta name="author" content="Daniel Hagnoul">
  <title>test</title>
  <style>
    * {
      box-sizing: border-box;
    }
                h1 {
                        font-family: cursive;
                        font-size: 3rem;
                }
 
  </style>
  <script>
    'use strict';
                
                let elemTitre = null;
                
    document.addEventListener( "DOMContentLoaded", ev => {
                        
      // code du test
                        
                        elemTitre = document.querySelector( "h1" );
                        
                        elemTitre.textContent = "Bonjour les gens !";
                        
                        // fin code du test
      
    }, false );
    
    window.addEventListener( "load", ev => { 
                        
      // code du test
                        
                        elemTitre.style.color = "rgba( 175, 33, 80, 0.75 )";
                        
                        // fin code du test
                        
    }, false );
  </script>
</head>
<body>
	<h1>Un titre</h1>
</body>
</html>

**philipix** · 11/07/2017, 09h31

merci,

Il manquait effectivement un tag h1.

Appel d'un fichier js depuis un fichier html

JavaScript

Discussions similaires

Partager

Partager