html/css/js
html/css/js - HTML/CSS - Programmation
Marsh Posté le 08-01-2021 à 09:45:27
Ton éditeur n'a pas de raison d'être remis en cause
Le chemin pour le fichier client.js ne doit pas être le bon.
Si tu ouvres l'inspecteur de ton navigateur, regarde le tab "Réseau".
Tu as sans doute un 404
https://developer.mozilla.org/fr/do [...] quest_list
Ou alors ton fichier js est caché et pas mis à jour.
Tu peux désactiver le cache quand les outils de dev sont ouvert, pour Chrome par exemple: https://www.ipgirl.com/57/desactive [...] en%20haut.
Et c'est plus simple d'employer console.log("ca marche) que des alert
https://www.alsacreations.com/astuc [...] cript.html
Message édité par David Boring le 08-01-2021 à 09:47:03
Marsh Posté le 29-04-2021 à 20:47:45
| David Boring a écrit : Ton éditeur n'a pas de raison d'être remis en cause |
bon, c'est une levée de secret de reprendre un post de bug après 4 mois passés...
c'est JS, et les interpreteurs des navigateurs qui sont en causes.
Quand JS se charge , il se charge en entier ( pour faire simple la page en entier ou rien ),
puis il s'executes, les scripts appliquent les évènements et actions écrites dans leurs codes etc....
La position de ton client.js est mauvaise pour que au chargement de ta page le div hello div se fasses remplacée par 'ok'.
C'est à dire que c'est une lecture séquentielle qui charge la page HTML.
et la position d'un code par rapport à un autre .. au dessus / au dessous , ou avant / après ...
peut faire réussir ou faire échouer ce que tu attendais de ta page Web ...
C'est la même lecture séquentielle qui charges les fichiers CSS...
réalises 40 modifications sur la même balises, pour un seul même attribut CSS ...
c'est la derniere valeur appliquée qui sera visible sur ton écran.
Pour que le script s'executes comme tu le souhaites, tu dois écrire ton script , ou son src="" ... avant d'appeller ta fonction.
Et tu verra en relisant ton code, que tu inclus ta ressource de code JS, après.
Autre point sur le JS, et le DOM,
c'est un objet, un arbre de paramètres, et toute ta page y est écrite.
C'est un DOM qui est lu par ton navigateur.
Et les fonctions JS ( c'est pas une bizarerrie ... ) sont executées au moins une fois, avant que la page s'affiche,
elles sont membres, elles font partie de ce DOM de base... qui est produit lors du chargement de la page.
Pour dire qu'une fonction est chargée et executée en même temps,
ça permet d'avoir une erreur au chargement immédiate...
plutot que d'appeller une fonction qui est mal écrite...
'voulez vous executer le script de cette page .... erreur numéro ....' dans IExplorer ...
des fonctions peuvent être préchargée , donc des résultats 'précalculés' ... pas mal JS ??
Sujets relatifs:
- soucis pour paramétrer un tableau html
- [HTML] Jeu d'échecs en HTML : renvoyer l'état du jeu
- Passerelle SMS : générer une URL par html ou VB
- Problèmes pour site web html
- Soucis avec un menu HTML et JS.
- [OpenAPI - Maven] Generation HTML depuis yaml OAS 3
- html style recursif
- interface utilisateur modifiant contenu HTML et CSS
- [html] fonction scroll
- Afficher flux http dans page html
Marsh Posté le 07-01-2021 à 21:37:03
salut tout le monde , je commence a apprendre le html et je rencontre un problème au niveau de l affichage de ce code
le code du index.html
<!DOCTYPE html>
<html>
<head>
<title>essai</title>
<meta charset="utf-8">
<link rel="stylesheet"href="style.css">
</head>
<body >
<h1>bonjour</h1>
<script src="client.js"></script>
</body>
</html>
le code du client.js
alert("ca marche" );
document.querySelector("h1" ).innerHTML= "ok";
normalement a l exécution du cote un message d'alerte s'affiche mais rien ne s'affiche a ce niveau , aussi le message de bonjour se remplace avec un ok mais a l'exécution le message bonjour s'affiche .
j'utilise le programme brackets