`

使用javascript给html页间进行传值与赋值

HTMLJavaScript 
阅读更多

1.one page:  action_demo.html

<html>
<head></head>
<body>
<form  name="input" action="html_form_action.html" method="get">
Usename:
<input type="text" name="user" value="admin"><input type="submit" value="Submit">
</form>
</body>
</html>

2.two page:  html_from_action.html

<html>
<head></head>
<script language="javascript">
function getparastr(strname)
  {
   var hrefstr,pos,parastr,para,tempstr;
   hrefstr = window.location.href;
   pos = hrefstr.indexOf("?")
   parastr = hrefstr.substring(pos+1);
   para = parastr.split("&");
   tempstr="";
   for(i=0;i<para.length;i++)
   {
    tempstr = para[i];
    pos = tempstr.indexOf("=");
    if(tempstr.substring(0,pos) == strname)
    {
     return tempstr.substring(pos+1);
     }
   }
   return null;
  }
// 获取program参数
//var userstr = getparastr("user");
//document.write(userstr);

//用得到的值给form中的文本框赋值 
function getname()
{
var userstr = getparastr("user");
document.fr1.input.value=userstr;
}
</script>
<body>
<form name="fr1" >
你的名字是:
<input type="text" name="input" >
<input type="button" name="bt1" value="查看用户名" onclick="getname()">
</form>
</body>
</html>

分享到：
| XML相关资源
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在IT行业中，前端开发经常会遇到页面间的交互问题，如数据传递和函数调用。EasyUI是一个基于jQuery的UI框架，提供了丰富的组件，...通过正确使用这些方法，可以有效地实现页面间的数据流动和功能协同，提升用户体验。

    两个页面之间的传值方法

    在Web开发过程中，页面间的传值是实现前后端交互、数据共享的重要手段之一。本文将详细介绍两个页面之间的传值方法，包括常见的几种传值方式及其应用场景，并通过具体示例进行说明，帮助读者更好地理解和掌握这一...

    Hbuilder MUI 页面刷新及页面传值问题

    在MUI框架下进行页面间的传值主要有两种方式：`mui.fire()`方法和`mui.openWindow()`方法。 ##### 1. 从A页面传值到B页面（mui.fire()方式） **步骤1：A页面代码** ```javascript var main = plus.webview....

    模态窗口页的传值模态窗口页的传值

    本文将深入探讨如何在模态窗口（Modal Window）之间传递数据，即“模态窗口页的传值”。 1. **创建模态窗口** - 常见的实现方式是通过HTML的`&lt;div&gt;`元素配合CSS来构建模态框，然后使用JavaScript或jQuery控制其...

    弹出窗口互相传值范例

    5. **JavaScript/jQuery**：使用JavaScript或jQuery，可以通过`window.opener`属性访问父窗口的对象，或者使用`window.postMessage`进行跨窗口通信。 6. **自定义事件/信号量**：如果使用了某种框架如jQuery UI或...

    javascript与.net的交互

    1. **Web Services（Web 服务）**：ASP.NET 可以创建 SOAP-based Web 服务，通过 SOAP 协议与 JavaScript 进行交互。JavaScript 使用 XMLHttpRequest 对象调用 Web 服务的特定方法，接收 XML 响应。 2. **ASP.NET ...

    VS前段发送数据到后端aspx文件传值到cs文件

    JavaScript可以通过AJAX（异步JavaScript和XML）技术与服务器进行通信，实现页面无刷新的数据交换。 1. **AJAX调用**：在JavaScript中，可以使用`XMLHttpRequest`对象或者更现代的`fetch API`发起一个AJAX请求，向...

    javascript引用赋值（地址传值）用法实例

    本文实例讲述了javascript引用赋值（地址传值）用法。分享给大家供大家参考。具体如下： javascript在默认情况下，数组、对象和函数是引用赋值，如下代码所示： 代码如下:&lt;html&gt; &lt;head&gt; [removed] var ...

    模态窗口传值www.bbssa.com

    - JavaScript变量：将值存储在JavaScript变量中，然后在打开模态窗口时将其赋值给相应元素。 例如，假设我们有一个按钮，点击后弹出模态窗口，并显示传递的文本： ```javascript let modalText = '这是传递的数据...

    MVC Demos 里面包含不同的控件传值

    **标题与描述解析** 标题"MVC Demos 里面包含不同的控件传值"指出这是一个关于MVC（Model-View-Controller）框架的应用演示，重点在于展示如何在MVC架构下，通过各种控件进行值传递。这可能涉及到控制器、视图和...

    .NET中利用js让子窗体向父页面传值的实现方法.docx

    在.NET开发中，有时我们需要在子窗口和父窗口之间进行数据交互，比如子窗口完成某些操作后，将结果返回给父窗口更新显示。本文将详细解释如何利用JavaScript在.NET环境中实现这一功能。 首先，让我们看看子页面的C#...

    JavaScript实现同一页面内两个表单互相传值的方法

    在网页开发中，有时我们需要在同一页面内的两个表单之间进行数据传递，以便用户在不同表单间切换时能保持信息的一致性。JavaScript作为一种客户端脚本语言，可以在浏览器端实现这种交互功能，无需服务器端的参与。...

    详解AngularJS跨页面传值（ui-router）

    这里，我们注入了`$stateParams`服务，然后将URL参数赋值给`$scope`中的相应属性，以便在视图中使用。 通过这种方式，我们可以方便地在AngularJS应用的页面之间传递数据，而无需依赖全局服务或者使用其他复杂的方法...

    angluo-javascript-239617.pdf

    在Vue.js中，组件间的通信主要通过props进行。然而，有时候可能会遇到props传值失败，输出为`undefined`的问题。本文将深入解析这个问题，并提供解决方案。 首先，Vue.js的props属性用于从父组件向子组件传递数据。...

    js操作模态窗口及父子窗口间相互传值示例

    然后，子窗口设置了一个按钮，当点击这个按钮时，触发了一个函数，该函数将用户输入的内容赋值给`window.returnValue`，并关闭模态对话框。 这里需要注意的是，在子窗口中设置的`window.returnValue`是用于向父窗口...

    ssh+javaScript

    - `struts标签实现的迭代遍历其中使用判断.txt`：Struts2提供了丰富的标签库，如`s:iterator`，可以用于遍历集合并进行条件判断，使得在JSP页面上动态渲染数据更加方便，降低了Java代码与HTML的耦合度。 2. **Ajax...

    vue父组件向子组件动态传值的两种方法

    在子组件中，我们可以使用 watch 监听 props 的变化，并将其赋值给组件的数据： ```javascript watch: { srcList(curVal, oldVal) { if (curVal) { this.uploadImg = curVal; } } } ``` 这样，子组件就可以成功...

    微信小程序页面间值传递的两种方法

    - 在需要传递值的页面（如`index.js`），我们可以将值赋给`globalData`，然后调用`wx.navigateTo`进行页面跳转。 ```javascript // index.js const app = getApp(); Page({ data: { title: '参数传递', }, ...

    Javascript参考手册

    11. **浏览器兼容性**：了解不同浏览器对JavaScript特性的支持情况，以及如何使用polyfill或Babel进行兼容性处理。 12. **JavaScript库和框架**：如jQuery、React、Vue、Angular等，它们是如何简化开发过程的。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics