html在第一个页面输入数据,点击按钮跳转到第二个页面,并显示在第一个页面输入的数据怎么做?

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-08-22
html页面如何根据一个输入框里的手动填写数字,按下button件,根据输入框的数字跳转到1页面或者2页面

如下代码可以实现,在文本框里输入数字,可以跳到对应的页面,比如输入1,会跳到1.html:
function Cmd(){window.location.href = document.getElementById("txt").value + ".html";}

function divStyle(idname,isHide){ if(isHide){ document.getElementById(idname).style.display="none"; }else{ document.getElementById(idname).style.display=""; }}function nextPage(){ divStyle('div1',true); divStyle('div2',false);}function prePage(){ divStyle('div1',false); divStyle('div2',true);}第一个页面 下一页第二个页面 上一页

如果只是用JavaScript做的话,按照以下方法:
1、在第一个页面按钮提交时把数据拼接成串作为QueryString
例如document.location.href = 'test2.html?mydata1=test';
2、在第二个页面加上Javascript取location中的mydata1=test然后赋给要显示的控件就可以了。取值可以用正则表达式。例如:
var result = location.search.match(new RegExp("[\?\&]mydata1=([^\&]+)","i"))[1];
下面是个例子,你可以参考下:
"test1.html"
<input type=button onclick="document.location.href = 'test2.html?mydata1=test';"/>
"test2.html"
alert(location.search.match(new RegExp("[\?\&]mydata1=([^\&]+)","i"))[1]);
有用就采纳吧~亲~

用mvc做就ok了,点击的时候把数据存到中间层,然后在从中间层提取数据

不要想了,你得建数据库表。。。

  • html在第一个页面输入数据,点击按钮跳转到第二个页面,并显示在第一个...
    答:1、在第一个页面按钮提交时把数据拼接成串作为QueryString 例如document.location.href = 'test2.html?mydata1=test';2、在第二个页面加上Javascript取location中的mydata1=test然后赋给要显示的控件就可以了。取值可以用正则表达式。例如:var result = location.search.match(new RegExp("[\?\&]my...
  • html页面里的input文本框,输入内容后,点击一个a标签“确定修改”。刚才...
    答:<html><body><input type="text" name="txt" id="txt" value=""><a href="javascript:void(0);" onclick="javascript:setCookie('txt',document.getElementById('txt').value);alert('已保存,刷新看效果.');">修改</a><script type="text/javascript">function setCookie(sName, sValue)...
  • html网页制作当中,如何实现编辑框使得用户输入内容后点提交按钮能使输入...
    答:你的需求不连接数据库那就很简答了。代码如下:一个两个文本域,第一个是不允许编辑的,第二个是可以编辑的,在第二个文本域输入信息的时候,点submit按钮,会在第一个文本域显示出来。这只是演示,具体情况根据需求自己定义。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ...
  • 前一个页面为html中嵌入asp+access 新闻标题数据,想通过点击该标题转另...
    答:在ASP页面的标题中做链接 <a href="new.asp?ID=<%=标题ID或是内容%>" target="_blank">标题</a>
  • html文件如何在页面中点击一个对象但是另一个对象发生变化
    答:1、点击左侧,把对应的display:block,不对应的display:none。2、angularjs或者Vue路由实现。3、点击左侧,给接口传值,ajax获取数据再写入。4、frameset框架,以上四种方法都可实现。
  • 怎么用html和javascript建一个网页,使输入表单的内容,点击提交之后数据...
    答:DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>test</title><style>#b {text-align: center;display: none;}</style><script>var c;function edit(a) {c = a;document.getElementById('a').style.display = 'none';document.getElementById('b').style.display =...
  • html页面验证用户名和密码并且点击自己制作的登陆按钮跳转到另外一个...
    答:1、首先,给 HTML 页面里的用户名和密码输入框都定义一个id属性,例如:用户名:<input type="text" id="username" value=""> 密 码:<input type="password" id="password" value=""> 2、其次,放置一个按钮 <button type="button" name="chkBtn" id="chkBtn"> 登录</button> 3、...
  • html如何实现点击按钮跳转页面
    答:1、首先,我们新建一个带有button按钮的页面,在Dreamweaver中打开这个页面。2、button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。3、可以直接在onclick事件上添加动作实现页面跳转,也可以让onClick触发函数实现页面跳转,如下图所示。4、还可以写一个click函数,来触发页面...
  • 如何在html里用javascript输入一个数值输出相应文本?
    答:<html><input id="mark" type="text"><script>function myFunction(){var x=document.getElementById("mark").value;if(isNaN(x)){document.getElementById("grade").innerHTML="您输入的不是数字"; return;}if(x>=90&&x<=100){document.getElementById("grade").innerHTML="A";}else ...
  • html如何将一个页面的值应用在另一个页面?
    答:要给另外一个页面传值,比如用户名(username)和分数(score),有三种实现方式。页面 URL 传参。xxx.com/page?username=张三&score=90。页面加载以后,通过JS把参数拿出来。网站 cookie。把值写到 cookie 里面,在另外一个页面读取 cookie。相比于页面传参,cookie 存储的数据可以是复杂结构的数据。而不...