• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 页面之前跳转 和页面之间传递参数

页面之前跳转 和页面之间传递参数

作者:mengjavakaifa 字体:[增加 减小] 来源:互联网 时间:2017-10-05

本文主要包含数据,url,页面之间传参等相关知识,mengjavakaifa希望在学习及工作中可以帮助到您

问题描述,有两个页面A,B:如何把A页面的数据专递到B页面;

解决方法:

1)利用超链接a标签,这个大家都会了,在这不解释了

2)利用url地址栏转递参数    

     用法:

2,1这是跳转到B页面和url和参数的拼接

 

$("#departA").on("click",function(){
    var $this= $(this).html();
    var data={
        name:$this
    }
    var url="../pages/placeDeparture.html"

    window.location.href =grow(data,url);

})

 
function grow(obj,url) { var s = ''; for(var k in obj){ s += "&"+k+"="+obj[k]; } var Str = s.substr(1); if(url.indexOf("?") > -1){ url = url+"&"+Str; }else{ url = url+"?"+Str; } return url; }

 

B页面取url的参数

 

var GetQuerys =GetQueryString("names","")||$("#attachB").html();
function GetQueryString(name,url) {
    url = url || window.location.search.substr(1);
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = url.match(reg);
    if(r!=null)return decodeURI(r[2]); return null;
}

 

 

 

您可能想查找下面的文章:

  • html显示长度较大的数据时的处理方法
  • W3C教程(8):W3C XML Schema 活动
  • W3C教程(10):W3C XQuery 活动
  • html页面跳转及参数传递
  • 页面之前跳转 和页面之间传递参数

相关文章

  • 2017-08-05按钮与回车键关联的js代码
  • 2017-08-05HTML中相似的标签和属性的区别详解
  • 2017-08-05Form表单提交刷新页面不跳转源码设计
  • 2017-08-05网站超级链接的打开方式探讨
  • 2017-08-05浅谈HTML代码中的空格和空行
  • 2017-08-05html中的图片直接使用base64编码后的字符串代替
  • 2017-08-05HTML学习笔记--HTML的语法详解(必看)
  • 2017-08-05浅谈:nofollow标签的使用与分析
  • 2017-08-05HTML+CSS项目开发经验总结(推荐)
  • 2017-08-05缩短网页应用开发的十大省时技巧(图文教程)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html实现文字绕排示例(html图文混排)
    • 将html标签在浏览器居中显示的css样式
    • html是什么文件 html文件如何打开
    • HTML Frameset 例子代码
    • HTML embed标签使用方法和属性详解
    • 深层优化 提高网站的访问速度的一些技巧
    • meta标签中的使用viewport定义屏幕css
    • W3C教程(2):W3C 程序
    • 了解html页面的渲染过程以备学习前端的性能优化(续)
    • Web 标准学习 理解结构和表现相分离

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有