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 134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ninja

    Informations forums :
    Inscription : juillet 2013
    Messages : 1 134
    Points : 6 448
    Points
    6 448
    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 645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 66
    Localisation : Belgique

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

    Informations forums :
    Inscription : février 2009
    Messages : 5 645
    Points : 20 918
    Points
    20 918
    Billets dans le blog
    38

    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

    Si un message vous a aidé ou vous semble pertinent, votez pour lui !

  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