Maison > Article > interface Web > Comment transmettre des paramètres lors d'un saut de page en HTML
Cette fois, je vais vous montrer comment transmettre des paramètres lorsque la page saute en HTML, quelles sont les précautions sur la façon de transmettre des paramètres lorsque la page saute en HTML, le Voici quelques exemples de cas pratiques.
Page a
Cliquez sur le bouton de saut puis
peut obtenir la valeur correspondante à la page b.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/jquery.params.js"></script>
<title>a页面</title>
<script>
$(function(){
name = $("#name").text();
age = $("#age").text();
$("#btn").on("click",function(){
jump1();
});
});
function jump1(){
url = "b.html?name="+name+"&age="+age;//此处拼接内容
window.location.href = url;
}
</script>
</head>
<body>
<div id="name">tony</div>
<div id="age">23</div>
<button id="btn">跳转</button>
</body>
</html>Page B vers laquelle accéder :
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/jquery.params.js"></script>
<title>b页面</title>
<script>
$(function(){
getData1();
});
function getData1(){
var name = $.query.get("name");
var age = $.query.get("age");
$("#name").text(name);
$("#age").text(age);
}
</script>
</head>
<body>
<div id="name"></div>
<div id="age"></div>
</body>
</html>Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php. AutresArticles connexes !
Lecture connexe :
Comment utiliser la balise img des images HTML
Comment utiliser HTML pour implémenter le défilement fonction de barrage
Quelle est la différence entre le nom, l'identifiant et la classe en HTML
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!