js实现两个页面表单传值并接收

网页制作时,需要两个页面之间传值,通过JS就可轻松实现。

js 实现两个页面表单传值并接收源码

A页面:

<input type="text" id="txt">
<input type="button" value="测试" onclick="test()"/>
<SCRIPT LANGUAGE="JavaScript">
function
 test(){       
 var s =document.getElementById("txt");
 location.href="2.html?"+"txt="+encodeURI(s.value);
 }
</SCRIPT>

第一个页面表单中输入文字或其他值。

B页面代码:

<form id="form1" name="form1" method="post" action="">
  <label for="textfield"></label>
  <input type="text" name="value1" id="value1" />
</form>
<script language="javascript" type="text/javascript">
var loc=location.href;
var n1=loc.length;//地址的总长度
var n2=loc.indexOf("=");//取得=号的位置
var id=decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容
//alert(id);
document.write(id)
document.getElementById("value1").value=id;
</script>

B页面获取传过来的值并显示,也可把传过来的值显示到文本框中。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/3602.html

(2)
上一篇 2019年7月9日 上午10:21
下一篇 2019年7月17日 上午9:23

99%的人还看了以下文章

  • 0基础学CSS

    本CSS教程能够让你在数小时内入门CSS,要求你有基本的HTML经验。

    2020年2月22日
    2.0K0
  • 怎么让一长串英文字符自动换行?

    长串英文字符之间没有空格,整串都显示在一行,撑破了div,甚至跑到屏幕外了,如何解决? <!doctype html> <html> <head> <meta charset=”utf-8″> <title>怎么让一长串英文字符自动换行?|www.125jz.com</title> &l…

    2019年11月20日
    1.7K0
  • 第9课:在网页中添加图像

    假如能把自己喜欢的的图像放到网页上,那就太好了。 这貌似有点难度。。。 也许是有点难度,但其实也不难,一个元素就可以搞定: 例1: <img src=”http://www.125jz.com/wp-content/uploads/2018/01/liudehua.jpg” /> 该例在浏览器中将显示如下: 你要做的只是:告诉浏览器你要插入一张图…

    2018年1月20日
    4.7K0
  • 如何为需要打印的网页设置单独的css样式

    项目开发:同一个页面,需要在浏览器中浏览是一种样式,而当要打印这个页面时候,又需要呈现另一种样式。 此时可以用link标签中的media属性解决此问题。 如下面这两个引用: <link href=”stylesheets/print.css” media=”print” rel=”stylesheet” type=”text/css” /> &l…

    2019年11月20日
    1.7K0
  • 第14课:上传网页

    只要你有服务器空间和一个FTP工具就可以在因特网上发布自己的网站了。

    2018年1月18日
    3.1K1
  • 如何单独设置打印网页的样式

    做项目,有些网页需要打印,很多时候,是导出WORD或EXCEL再打印。 现在需要页面直接打印,方便没有安装OFFICE的用户。 需求:页面在浏览器中浏览是一种样式,要打印这个页面,是另一种样式。 解决方法:用link标签中的media属性解决此问题。 <link href=”stylesheets/print.css” media=”print” re…

    2019年2月15日
    1.4K0

发表回复

登录后才能评论