1. #1
    Nouveau membre du Club
    Homme Profil pro
    lyon
    Inscrit en
    juin 2015
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : lyon
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : juin 2015
    Messages : 45
    Points : 35
    Points
    35

    Par défaut Appel d'un fichier js depuis un fichier html

    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

  2. #2
    Rédacteur/Modérateur

    Avatar de yahiko
    Homme Profil pro
    Ninja
    Inscrit en
    juillet 2013
    Messages
    1 139
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ninja

    Informations forums :
    Inscription : juillet 2013
    Messages : 1 139
    Points : 6 457
    Points
    6 457
    Billets dans le blog
    43

    Par défaut

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

  3. #3
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    février 2009
    Messages
    5 703
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : février 2009
    Messages : 5 703
    Points : 21 041
    Points
    21 041
    Billets dans le blog
    39

    Par défaut



    1. Il n'y a pas de tag H1 dans votre HTML
    2. 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>

    Blog



    Nota bene : si vous devez être compatible avec les navigateurs obsolètes (IE8 et plus), vous devez convertir les codes ES2015 en ES5 avec Babel.

    FAQ JS Tutoriels JS

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  4. #4
    Nouveau membre du Club
    Homme Profil pro
    lyon
    Inscrit en
    juin 2015
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 62
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : lyon
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : juin 2015
    Messages : 45
    Points : 35
    Points
    35

    Par défaut

    merci,

    Il manquait effectivement un tag h1.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Appeler une fonction depuis un fichier .js dans un code html
    Par free_01_binairy dans le forum JavaScript
    Réponses: 4
    Dernier message: 09/12/2014, 13h40
  2. Appel d'un script PHP depuis un fichier shell
    Par sami_c dans le forum Langage
    Réponses: 5
    Dernier message: 03/07/2014, 13h01
  3. Appel d'une fonction C depuis un fichier ASM
    Par lapotose dans le forum Programmation d'OS
    Réponses: 10
    Dernier message: 03/12/2013, 22h56
  4. Appel d'un fichier javascript depuis un fichier js
    Par clara10 dans le forum JavaScript
    Réponses: 1
    Dernier message: 25/07/2011, 23h13
  5. appeler un fichier php depuis un fichier javascript
    Par freddy000 dans le forum Langage
    Réponses: 4
    Dernier message: 07/01/2011, 11h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo