首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用JavaScript将值从一个超文本标记语言页面传递到另一个页面?

如何使用JavaScript将值从一个超文本标记语言页面传递到另一个页面?
EN

Stack Overflow用户
提问于 2011-09-01 16:02:42
回答 4查看 45.3K关注 0票数 18

这是我的第一个HTML页面:

代码语言:javascript
复制
<!--first.html-->   
<html>
    <body>
    <div data-role="page" data-theme="a" data-url="first" id="first"> 
        <form id="form1" name="form2" action="checking.html">
        <input type="text" name="txtFileName" id="txtFileName"/>
       <!-- <button onClick="uploadFile();">Upload</button> -->
       <input type="hidden" name="hidden1" value="">
       <br><input type="submit"  value="Send me your name!"  onClick="submitform();"><br>
       </form>
       <script type="text/javascript">
       function submitform()
       {
         document.forms.form1.hidden1.value=1;
         alert("i am working");

        document.form1.submit();
       }
    </script>

        </div>
    </body>
</html>

这是我的第二个HTML页面:

代码语言:javascript
复制
<!-- second.html -->
<html>
    <head>
    </head>
    <body> 
<h1>Javascript call after page loaded</h1>

<script>
function getQueryVariable2(variable) { 
  var query = window.location.search.substring(1); 
  document.write(query);
  var vars = query.split("&"); 
  document.write("<br />");
  document.write(vars);

  for (var i=0;i<vars.length;i++) { 
    var pair = vars[i].split("="); 
    if (pair[0] == variable) { 
      return pair[1]; 
    }
  } 
} 


document.write("<br />txtFileName = " + getQueryVariable2("txtFileName"));
document.write("<br />hid1 = " + getQueryVariable2("hid1"));
</script>
hellllo
</body>

这里我想显示来自first.html的hidden1的内容。请建议我应该使用什么代码来做这件事。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-09-04 01:18:07

在HTML5中,您可以使用会话将对象从一个页面传递到另一个页面:

1-创建sesison

代码语言:javascript
复制
sessionStorage.setItem('key', 'value');

2-阅读会话:

代码语言:javascript
复制
sessionStorage.getItem('key')

检查此example

票数 8
EN

Stack Overflow用户

发布于 2011-09-01 16:06:49

在您的情况下,使用GET params的最佳方式可能如下所示:

代码语言:javascript
复制
http://mysite//second.html?myparams=value

或者如果它是重要的或大数据-使用POST

票数 5
EN

Stack Overflow用户

发布于 2011-09-01 16:12:37

找到了解析GET变量的解决方案:

代码语言:javascript
复制
// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

Get URL parameters & values with jQuery

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7267519

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档