5534 sujets

Sémantique web et HTML

Bonjour,
Est-il possible de récupérer dans un code html le nom de la page affichée ?
Pa exemple, ma page s'appelle truc.html et j'aimerai avoir une 'variable' dans la page qui contienne "truc.html".
Possible ?
Merci d'une réponse !
Bon, je sais que ma question est un peu stupide, qui voudrait savoir le nom de la page !
H.
Hello Horace ^


document.addEventListener('DOMContentLoaded', function () {

	const maPage = window.location;
	contain_mapage.innerText = "Nom de la page: " + maPage;

});



<span id="contain_mapage"></span>
Merci Stryk !
Et pour la réponse, et pour la promptitude !
Je teste dans la journée et mettrai un feedback dès que !
Il s'agit bien sûr d'une fonction JS, que je lance avec window-onload, si j'ai bien compris le déroulement des opérations.
Merci
Horace
Oui c'est bien ça, en fait ce que tu cherche toi c'est juste:

window.location


Qui est l'url de la page en cours.
Avec ça tu peux extraire ce que tu veux dedans !
Et ben ...
J'ai essayé, mais quelque chose doit être faux dans mon code, soit html soit JS, mais je ne vois pas où ! Je na' pas de retour dans nomdemapage.

<html>
<head>
<title>Réception du paramètre nom de la page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>
	<div>
		<h1>Reçu : </h1>
		<p><h2> Page : <span id="nomdemapage"></span></h2></p>
	</div>
	

<!-- Ici le script JS -->	
	<script type="text/javascript">
	window.onload = function()
{
	document.addEventListener('DOMContentLoaded', function () {
	const maPage = window.location;
	nomdemapage.innerText = "Nom de la page: " + maPage;
});
}
	</script>
</body>

</html>

Merci d'un petit regard.
Amitiés confinées ...
Horace
Bonjour Bzhorace
Pas besoin de le mettre dans un window.onload

document.addEventListener('DOMContentLoaded', function () {
	const maPage = window.location;
	document.getElementById('nomdemapage').innerText = "Nom de la page: " + maPage;
});


Pourquoi utiliser document.getElementById("nomdemapage") et non directement 'nomdemapage'?
https://codepen.io/Zonecss/pen/KrvpzB
Modifié par aliasdmc (22 Apr 2020 - 10:34)
Hello,

Soit tu place le code dans le <head> et tu dois mettre un écouteur d’éventement ( si besoin de se lancer automatiquement, sinon, si par exemple c'est sur un onclick pas besoin )
Soit dans le <body> sans écouteur.

Et on ne met qu'un écouteur du même type ^
Par exemple:
window.onload et document.addEventListener('DOMContentLoaded' c'est la même chose.
Enfin pas tout à fait, c'est mieux de mettre document.addEventListener('DOMContentLoaded', car si tu as plusieurs écouteurs ça n'overwrite pas le précédent !

Donc une fois corrigé:


<!DOCTYPE html>
<html>

	<head>
	
	<title>Réception du paramètre nom de la page</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	
	<script>

		document.addEventListener('DOMContentLoaded', function () {
		
			const maPage = window.location;
			nomdemapage.innerText = maPage;
		
		});

	</script>
	
	</head>

	<body>
	
		<div>
		
			<h1>Reçu : </h1>
			<h2> Page : <span id="nomdemapage"></span></h2>
			
		</div>

	</body>

</html>


Pour info tu as plusieurs attributs sympa pour window.location:
https://developer.mozilla.org/fr/docs/Web/API/window/location