`

html 页面之间传递参数----js

 
阅读更多

aa.html========

<html>

<head>

</head>

<body>

<script>

function submit()

{

var input1 = document.getElementById("inputid");

window.open("C:/Users/lenovo/Desktop/test/bb.html?inputStr=" + input1.value);//传入参数

}

</script>

<input type = "text" id = "inputid">

<input type = "button" onclick = "submit()" value = "提交">

</body>

</html>

 

bb.html========

<html>

<head>

<script>

//获得参数的方法

var request = { 

QueryString : function(val) { 

var uri = window.location.search; 

var re = new RegExp("" +val+ "=([^&?]*)", "ig"); 

return ((uri.match(re))?(uri.match(re)[0].substr(val.length+1)):null); 

}

</script>

</head>

<body>

<script>

//调用方法获得参数

var rt = request.QueryString("inputStr");

alert(rt);

</script>

</body>

</html>

分享到:
评论

相关推荐

    页面跳转js获取传递的参数

    本文将详细介绍几种通过JavaScript实现页面跳转并获取传递参数的方法。 #### 方法一:使用`window.location.href` ```javascript // 通过修改当前窗口的location.href属性来实现页面跳转,并附带参数 window....

    frame之间以及子页面和父页面间参数传递

    - 可以通过修改URL中的查询字符串来传递参数。这种方法简单易用,但不适合传输大量数据或敏感信息。 4. **使用Cookie或LocalStorage**: - 对于需要持久化的数据,可以考虑使用Cookie或LocalStorage进行存储。...

    html页面跳转传递参数Demo

    在这个“html页面跳转传递参数Demo”中,我们将探讨如何在HTML页面之间传递参数,以实现更丰富的用户交互体验。 一、HTML页面跳转 HTML页面跳转主要通过`&lt;a&gt;`标签的`href`属性来实现。例如,我们可以创建一个链接,...

    HTML页面地址栏参数传递与获取

    在Web开发中,经常需要在不同页面间传递参数,以实现数据共享或状态保持等功能。传统的服务器端脚本如ASP可以通过表单(Form)的方式接收前端提交的数据。然而,除了这种方式外,还可以通过URL参数来传递数据给HTML...

    javascript实现html页面之间参数传递的四种方法实例分析

    本文实例讲述了javascript实现html页面之间参数传递的四种方法。分享给大家供大家参考,具体如下: 我们知道,在服务器端asp,jsp等程序可以接受html页面上的form传来的参数。那么,可不可以传递参数给html页面呢。...

    页面间传递参数的方法,及例子

    在网页开发中,页面间参数传递是一个常见的需求,它允许用户在浏览不同页面时保持信息的一致性或者在页面之间传递特定的数据。本教程将详细解释几种常见的页面间参数传递方法,并通过实例来帮助理解。 1. URL查询...

    Layui实现父子页面之间值传递.zip

    // 接收父页面传递的数据 console.log('接收到的数据:', data); // 在这里处理接收到的数据,如填充表单、显示信息等 }, false); &lt;/html&gt; ``` 当子页面处理完数据后,可能还需要将结果传递回父页面。同样,...

    详解前端在html页面之间传递参数的方法

    我们经常写form表单,提交时,可以传递参数,如果使用表单,并将其隐藏起来,应该可以达到效果。 除此以外,[removed].href和window.open也可以达到效果。 1、通过form表单传递参数 &lt;html l

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

    通过这种方式,JavaScript使得在静态HTML页面中通过URL传递参数变得非常简单。需要注意的是,由于URL长度的限制以及安全性问题,传递敏感数据时可能需要考虑其他的传递方式,如使用POST请求等。 最后,本文还提到了...

    Web报表FineReport页面如何传递中文参数

    在使用报表开发工具FineReport设计web报表时,经常需要嵌入iframe到页面中,并给iframe的src属性指定报表地址的同时传递参数值。在参数值、参数名称以及报表名称中,如果包含中文字符或特殊字符,直接传递可能会导致...

    javascript 两个页面之间传值

    在JavaScript中,页面之间的通信是常见的需求,尤其是在构建多页面应用程序时。本篇文章将深入探讨如何使用`window.open()`方法实现这一目标。`window.open()`是JavaScript中的一个内置函数,用于打开新的浏览器窗口...

    html页面动态获取连接参数 jquery.params.js

    HTML页面在进行交互时,有时候需要传递参数,这些参数通常以查询字符串的形式出现在URL中,如`bb.html?data=1&data2=2`。在这种情况下,动态地获取这些参数对于网页的交互功能至关重要。jQuery库提供了一个方便的...

    使用vue-router在Vue页面之间传递数据的方法

    我们知道,在构建Web应用时,经常需要从前一个页面向后一个页面传递数据,尤其是在遵循master-detail模式的应用中,此模式下,用户可以查看数据列表,并通过点击某个特定数据项,进入详情页面获取更多信息。...

    视图之间的参数传递

    在本篇讨论中,我们将深入探讨视图间如何有效地传递参数。 首先,让我们了解一些基本概念。在Web开发中,视图通常由HTML、CSS和JavaScript组成,它们负责展示用户界面。当用户在应用中进行操作,如点击按钮或导航到...

    Unity3D和HTML之间传递信息的实现

    具体实现过程中,Unity3D负责加载和渲染三维模型,而HTML页面则提供了用户界面和交互逻辑。通过Unity3D与HTML之间的双向通信,系统能够根据用户的操作实时更新三维场景的状态,从而提供更加沉浸式的用户体验。 ####...

    JqueryMobile页面间跳转时的参数传递

    在使用jQuery Mobile进行移动Web应用开发时,经常需要在不同页面之间传递参数。这种功能对于实现页面之间的数据交互至关重要。本文档将通过一个具体的代码示例来详细说明如何在jQuery Mobile中实现页面间的参数传递...

    JavaScript实现在页面间传值的方法

    总结来说,本文档详细介绍了几种基于JavaScript在页面间传递参数的实现方法,适用于那些希望减少服务器交互而采用前端技术来增强用户体验的场景。这些方法包括通过URL重定向传递参数、使用隐藏表单字段传递参数以及...

    JS控制静态页面之间传递参数获取参数并应用的简单实例

    在项目中遇到这也一个问题...第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面 这是a页面代码: &lt;button&gt;跳转设置&lt;/button&gt; [removed] var btn = document.querySelector('button

Global site tag (gtag.js) - Google Analytics