Heim >Web-Frontend >HTML-Tutorial >Teilen Sie den Beispielcode für den Seitensprung und die Übergabe von Parametern in HTML
Teilen Sie den Beispielcode für den Seitensprung und die Übergabe von Parametern in HTML
- 零下一度Original
- 2017-05-08 11:37:341867Durchsuche
Dieser Artikel stellt hauptsächlich relevante Informationen zum Problem der Übergabe von Parametern in HTML-Seitensprüngen vor. Freunde, die sie benötigen, können darauf verweisen
Der Effekt ist wie folgt:
eine Seite
Klicken Sie auf die Sprungschaltfläche und dann
können Sie den entsprechenden Wert auf Seite b abrufen.
Der Code lautet wie folgt:
eine Seite:
<!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>B-Seite, zu der gesprungen werden soll:
<!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>[ Verwandte Empfehlungen:
1. Kostenloses HTML-Online-Video-Tutorial
php.cn Original-HTML5-Video-Tutorial
Das obige ist der detaillierte Inhalt vonTeilen Sie den Beispielcode für den Seitensprung und die Übergabe von Parametern in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!