`
syjsky2011
  • 浏览: 13042 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

在静态页面html中跳转传值

 
阅读更多

 

在html中通过"?"传值--------<a href="index2.html?name=caoy">静态传值</a>

在跳转到的页面index2.html中接收----var name=UrlParm.parm("name");

代码如下:

 

index.html:

 

[html] view plaincopy
  1. <script type="text/javascript"  src="js/getUrlParam.js"></script>  
  2. <a href="index2.html?name=caoy">静态传值</a>  


index2.html:

 

 

[html] view plaincopy
  1. <script type="text/javascript">  
  2.     var name=UrlParm.parm("name");  
  3.     alert(name);  
  4. </script>  

 

getUrlParam.js:

 

[html] view plaincopy
  1. UrlParm = function() { // url参数    
  2.   var data, index;    
  3.   (function init() {    
  4.     data = [];    
  5.     index = {};    
  6.     var u = window.location.search.substr(1);    
  7.     if (u != '') {    
  8.       var parms = decodeURIComponent(u).split('&');    
  9.       for (var i = 0len = parms.length; i < len; i++) {    
  10.         if (parms[i] != '') {    
  11.           var p = parms[i].split("=");    
  12.           if (p.length == 1 || (p.length == 2 && p[1] == '')) {// p | p=    
  13.             data.push(['']);    
  14.             index[p[0]] = data.length - 1;    
  15.           } else if (typeof(p[0]) == 'undefined' || p[0] == '') { // =c | =    
  16.             data[0] = [p[1]];    
  17.           } else if (typeof(index[p[0]]) == 'undefined') { // c=aaa    
  18.             data.push([p[1]]);    
  19.             index[p[0]] = data.length - 1;    
  20.           } else {// c=aaa    
  21.             data[index[p[0]]].push(p[1]);    
  22.           }    
  23.         }    
  24.       }    
  25.     }    
  26.   })();    
  27.   return {    
  28.     // 获得参数,类似request.getParameter()    
  29.     parm : function(o) { // o: 参数名或者参数次序    
  30.       try {    
  31.         return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]);    
  32.       } catch (e) {    
  33.       }    
  34.     },    
  35.     //获得参数组, 类似request.getParameterValues()    
  36.     parmValues : function(o) { //  o: 参数名或者参数次序    
  37.       try {    
  38.         return (typeof(o) == 'number' ? data[o] : data[index[o]]);    
  39.       } catch (e) {}    
  40.     },    
  41.     //是否含有parmName参数    
  42.     hasParm : function(parmName) {    
  43.       return typeof(parmName) == 'string' ? typeof(index[parmName]) != 'undefined' : false;    
  44.     },    
  45.     // 获得参数Map ,类似request.getParameterMap()    
  46.     parmMap : function() {    
  47.       var map = {};    
  48.       try {    
  49.         for (var p in index) {  map[p] = data[index[p]];  }    
  50.       } catch (e) {}    
  51.       return map;    
  52.     }    
  53.   }    
  54. }();    


这样就能通过html跳转传值了

 

原文地址:http://blog.csdn.net/caoyuan10036/article/details/7227214

分享到:
评论

相关推荐

    静态页面html中跳转传值的JS处理技巧

    在静态页面HTML中实现页面跳转的同时传递参数,是一种常见的Web开发需求。本文将详细讲解如何利用JavaScript处理URL中的查询参数,以及如何在目标页面中接收这些参数。通过实例演示,我们会学习到如何使用JavaScript...

    静态页面html中跳转传值的JS处理技巧_.docx

    在Web开发中,静态页面HTML之间的跳转传值是非常常见的需求。这种传值方式通常用于不同页面间的简单数据传递,例如用户ID、查询参数等。通过JavaScript处理这些跳转传值可以使得数据传递更加灵活高效。本文将详细...

    静态页跳转传值、静态页跳转传值

    静态页面通常指的是不与服务器交互的纯HTML文件,但有时我们需要在这些页面之间传递信息,这就涉及到了静态页跳转传值的技术。下面我们将详细探讨这个主题。 1. **URL参数传递**: - 最常见的方式是通过URL查询...

    静态页面的传值

    在这个"静态页面的传值"主题中,我们将探讨如何在不同的静态HTML页面之间传递信息,主要通过JavaScript实现。 静态页面之间的传值是一个常见的需求,例如在导航链接、表单提交或页面间跳转时。在没有服务器端编程...

    静态页面间传值实例静态页面间传值实例

    在网页开发中,静态页面间传值是一种常见的需求,特别是在多页应用中,用户可能需要在不同的HTML页面之间传递信息,比如导航、购物车状态等。本实例将深入探讨如何在不依赖服务器端处理或者使用JavaScript框架的情况...

    静态画面之间传值的共通

    在IT行业中,静态页面之间的数据传递是一个常见的需求,特别是在单页应用(SPA)或简单的网页交互中。"静态画面之间传值的共通"这个标题指的是如何在不使用服务器端处理的情况下,在不同的静态HTML页面之间共享和...

    C# 跨页传值

    在发送页面中,可以设置参数并进行页面跳转: ```csharp public int sum = 0; int i = int.Parse(this.TextBox1.Text) * 2; Server.Transfer("WebForm2.aspx?sum=" + i); ``` 接收页面可以通过`Request`对象获取...

    页面间传值

    在IT行业中,页面间传值是一项基础且重要的技术,尤其在Web开发中不可或缺。它涉及到如何在不同的网页之间传递数据,以便用户在浏览过程中能够保持上下文或在多个页面间进行交互。页面间的传值方法多种多样,适用于...

    javaWEB项目答辩.docx

    page 作用域在当前页面中有效,request 作用域能保存一次服务器端跳转内的值,session 作用域一次会话之内有效,application 作用域在整个服务器启动范围之内有效。 十四、jsp 运行原理 jsp 运行原理包括四个阶段...

    javaWEB项目答辩.doc

    Java WEB项目答辩是指在Java WEB项目开发中需要掌握和了解的一些基本概念和技术要点,本文档总结了Java WEB项目答辩中常见的十四个问题,涵盖了B/S和C/S结构、HTTP状态码、GET和POST传值方式、Servlet生命周期、页面...

    javaWEB项目答辩.pdf

    作用范围:page:在当前页面中有效,request:能保存一次服务器端跳转内的值,session:一次会话之内有效(可以理解为打开浏览器开始到关闭浏览器之后),application:在整个服务器启动范围之内有效(即:启动...

    C#开发经验技巧宝典

    0397 在页面的源码中直接定义样式表 222 0398 动态加载主题到页面中 223 0399 利用Table布局Web页面 223 0400 FrameSet框架的应用 224 0401 IFrame框架的应用 224 0402 页面尺寸自动适应1024×768像素和...

    net面试试题

    ViewState是一种保存页面控件状态的技术,它将数据编码后存入HTML隐藏字段,当页面回发时,服务器使用ViewState中的数据恢复控件状态。这使得在页面生命周期内,即使经过回发,也能保持用户界面的连续性。 5. **...

    Tapestry5使用文档

    - `void onActivate(List&lt;Object&gt; list)`:类间数据传递方法,用于传值页面,可将需要传递的数据放入 List 中,并传递给接收页面的 `paramList`。 - `Request getRequest()`:获取请求对象 Request。 - `Session ...

    C#编程经验技巧宝典

    111 &lt;br&gt;0184 如何在ASP.NET中获取文件的扩展名 111 &lt;br&gt;0185 如何在ASP.NET中用URL在页面之间传值 112 &lt;br&gt;0186 如何使用IsPostBack实现ASP.NET页面加载 112 &lt;br&gt;0187 如何利用输出缓存技术缓存...

    Android开发技巧合集.doc

    有时需要一次性关闭所有Activity,可以使用静态集合存储所有Activity的引用,在需要的时候遍历集合并调用`finish()`方法。 **2.1.9 PreferenceActivity用法** `PreferenceActivity`是用于构建偏好设置界面的一种...

    亮剑.NET深入体验与实战精要2

    15.3.1 如没必要,尽量使用静态HTML页面 540 15.3.2 避免不必要的回送操作 541 15.3.3 尽量在客户端进行用户输入验证 541 15.3.4 关闭不必要的Session状态 542 15.3.5 优先使用HTML控件,而非服务器控件 542 15.3.6 ...

    亮剑.NET深入体验与实战精要3

    15.3.1 如没必要,尽量使用静态HTML页面 540 15.3.2 避免不必要的回送操作 541 15.3.3 尽量在客户端进行用户输入验证 541 15.3.4 关闭不必要的Session状态 542 15.3.5 优先使用HTML控件,而非服务器控件 542 15.3.6 ...

Global site tag (gtag.js) - Google Analytics