18910140161

详解html中页面跳转传递参数的问题

顺晟科技

2021-06-16 10:20:17

188

效果如下图所示:

a页面

400e8692235a77905937bcf35d3df75.png

点击跳转按钮后

578c5d2778a2a73e0a238990f3d1ab1.png

在b页面可以获取到对应的值。

推荐教程:html教程

代码如下:

a页面:

2

3

5

6

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

!声明文档类型

超文本标记语言

meta charset='UTF-8 '

脚本src=' js/jquery-3。0 .0 .量滴js '/脚本

脚本src=' js/jquery。参数。js '/脚本

标题a页面/title

脚本

$(function(){

名称=$('#name ').text();

age=$('#age ').text();

$('#btn ').on('click ',function(){

jump 1();

});

});

function jump1(){

url='b.html?name=' name ' age=' age//此处拼接内容

窗户。位置。href=URL

}

/script

/head

身体

div id='name'tony/div

div id='age'23/div

按钮id='btn '跳转/按钮

/body

/html

将要跳转到的b页面:

2

3

5

6

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

!声明文档类型

超文本标记语言

meta charset='UTF-8 '

脚本src=' js/jquery-3。0 .0 .量滴js '/脚本

脚本src=' js/jquery。参数。js '/脚本

标题b页面/title

脚本

$(function(){

getdata 1();

});

函数getData1(){

var name=$。查询。get(' name ');

var age=$。查询。get(' age ');

$('#name ').文本(名称);

$('#age ').文字(年龄);

}

/script

/head

身体

div id='name'/div

div id='age'/div

/body

/html

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航