Maison > Article > interface Web > Réponses aux questions sur la transmission de paramètres dans les sauts de page HTML
Réponses aux questions sur la transmission de paramètres dans les sauts de page HTML
- 小云云original
- 2017-12-11 10:24:501891parcourir
Cet article présente principalement les informations pertinentes sur le problème de la transmission des paramètres dans les sauts de page HTML. Les amis qui en ont besoin peuvent s'y référer. J'espère qu'il pourra aider tout le monde.
L'effet est le suivant :
une page
Après avoir cliqué sur le bouton de saut
La valeur correspondante peut être obtenue à la page b.
Le code est le suivant :
une page :
<!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>
<p id="name">tony</p>
<p id="age">23</p>
<button id="btn">跳转</button>
</body>
</html>
Page B à sauter à :
<!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>
<p id="name"></p>
<p id="age"></p>
</body>
</html>
Vous l'avez tous appris ? Dépêchez-vous et essayez-le vous-même.
Recommandations associées :
Comparaison et résumé des différences entre les méthodes de saut de page mui
php n'utilise pas js pour implémenter la page Comment implémenter le saut
7 articles recommandés sur le saut de page 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!