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

效果如下图所示：

a页面

点击跳转按钮后

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

代码如下：

a页面:

a页面

$(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;

}

tony

跳转

将要跳转到的b页面:

b页面

$(function(){

getData1();

});

function getData1(){

var name = $.query.get("name");

var age = $.query.get("age");

$("#name").text(name);

$("#age").text(age);

}

相关视频教程推荐：html视频教程

html5 页面参数传递,详解html中页面跳转传递参数的问题相关推荐

小程序向Java传值,微信小程序页面传值详解
微信小程序页面传值详解一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如这里将good_id=16 参数传入detail页面, 然后detail页面的 ...
ASP.NET页面事件详解
ASP.NET页面事件详解 ASP.NET页面事件详解 1.Page_Init()事件当页面初始化时发生此事件.可以利用Page_Init()将该事件与要在.NET页面上显示控件之前的运行的代码建立 ...
uboot linux内核传递参数,Uboot与Linux之间的参数传递详解
原标题:Uboot与Linux之间的参数传递详解 U-boot会给Linux Kernel传递很多参数,如:串口,RAM,videofb等.而Linux kernel也会读取和处理这些参数.两者之间通 ...
《HTML5 canvas开发详解（第2版）》——1.3　本书使用的基础HTML页面
本节书摘来自异步社区<HTML5 canvas开发详解(第2版)>一书中的第1章,第1.3节,作者: [美]Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社 ...
java 拦截指定jsp_详解Struts2中对未登录jsp页面实现拦截功能
struts2中拦截器大家都很经常使用,但是拦截器只能拦截action不能拦截jsp页面.这个时候就有点尴尬了,按道理来说没登录的用户只能看login界面不能够通过输入url进行界面跳转,这显然是不合 ...
flutter页面布局HTML,Flutter开发实战初级（2）页面布局详解
初级根底系列 Flutter开发实战初级(1)ListView详解 Flutter开发实战初级(2)布局详解项目实战系列 Flutter开发实战高仿微信(1)主页 Flutter开发实战高仿微信 ...
谷歌page speed 安装使用及页面问题详解
原文地址:http://wenku.baidu.com/view/b0a61f3ebcd126fff7050b40.html 谷歌page speed 安装使用及页面问题详解谷歌page speed ...
php渲染nodejs api,nodejs通过响应回写渲染页面步骤详解
这次给大家带来nodejs通过响应回写渲染页面步骤详解,nodejs通过响应回写渲染页面的注意事项有哪些,下面就是实战案例,一起来看一下. 我们一般通过node框架提供的api操作页面渲染,如何利用原 ...
sh执行文件参数传递_详解shell中脚本参数传递的两种方式
方式一:$0,$1,$2.. 采用$0,$1,$2..等方式获取脚本命令行传入的参数,值得注意的是,$0获取到的是脚本路径以及脚本名,后面按顺序获取参数,当参数超过10个时(包括10个),需要使用${ ...

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

html5 页面参数传递,详解html中页面跳转传递参数的问题相关推荐

最新文章

热门文章

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

html5 页面 参数传递,详解html中页面跳转传递参数的问题相关推荐

最新文章

热门文章

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

html5 页面参数传递,详解html中页面跳转传递参数的问题相关推荐