HTML page jump passing parameter problem
|
The effect is as follows: a page
After clicking the jump button
The corresponding value can be obtained on page b. The code is as follows: a 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 page</title>
<script>
$(function(){
name = $("#name").text();
age = $("#age").text();
$("#btn").on("click",function(){
jump1();
});
});
function jump1(){
url = "b.html?name="+name+"&age="+age;//Contents are concatenated here window.location.href = url;
}
</script>
</head>
<body>
<div id="name">tony</div>
<div id="age">23</div>
<button id="btn">Jump</button>
</body>
</html>Page b to jump to:
<!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>Page 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>The above is the problem of passing parameters in HTML page jump that I introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website! |
<<: Using CSS3 and JavaScript to develop web color picker example code
Recommend
VS2019 connects to mysql8.0 database tutorial with pictures and text
1. First, prepare VS2019 and MySQL database. Both...
How to build Nginx image server with Docker
Preface In general development, images are upload...
MYSQL Left Join optimization (10 seconds to 20 milliseconds)
Table of contents 【Function Background】 [Raw SQL]...
Tutorial on building file sharing service Samba under CentOS6.5
Samba Services: This content is for reference of ...
Tutorial on how to install and configure the unzipped version of MySql under Windows 10
Install the unzipped version of MySql database un...
JS implements the rock-paper-scissors game
This article example shares the specific code of ...
Vue project implements file download progress bar function
There are two common ways to download files in da...
Detailed explanation of common usage of pseudo-classes before and after in CSS3
The before/after pseudo-class is equivalent to in...
A brief talk about calculated properties and property listening in Vue
Table of contents 1. Computed properties Syntax: ...
Complete example of vue polling request solution
Understanding of polling In fact, the focus of po...
Text pop-up effects implemented with CSS3
Achieve resultsImplementation Code html <div&g...
Analysis of slow insert cases caused by large transactions in MySQL
【question】 The INSERT statement is one of the mos...
Analysis of the principle of Vue nextTick
Table of contents Event Loop miscroTask (microtas...
What to do if the container started by docker run hangs and loses data
Scenario Description In a certain system, the fun...
WeChat applet realizes linkage menu
Recently, in order to realize the course design, ...