html - 如何使用 javascript 将值从一个 HTML 页面传递到另一个 HTML 页面?

标签 html cordova

我想使用查询字符串将一个变量的值传递给另一个 html 页面。

first.html:

<body >
   <form id="form1" name="form1" action="2.html">
   <input type="text" name="txtFileName" id="txtFileName"/>

   <input type="hidden" name="hid1" value="">
   <br><input type="submit"  value="Send me your name!"  onClick="submitform();">
   <br>
   </form>
   <script type="text/javascript">
   function submitform()
   {
     document.form1.hid1.value="hidden value";

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

second.html:

<html>
<head>
<SCRIPT LANGUAGE="javascript">
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]; 
    }
  } 
} 



</SCRIPT>
</head>
<body>
<h1>Good morning</h1>
<script LANGUAGE="javascript">
document.write("<br />txtFileName = " + getQueryVariable2("txtFileName"));
document.write("<br />hid1 = " + getQueryVariable2("hid1"));
</script>
</body>
</html>

按照您的建议,我创建了自己的页面。这些仍然在进行所需的操作。我的错误是什么?

最佳答案

编辑:我稍微编辑了一下,这似乎对我有用,到底是什么问题?

请解释什么是“要求的结果”..

第 1 页

   <form id="form1" name="form1" method="get" action="2.html">
    <input type="text" name="txtFileName" id="txtFileName"/>

   <input type="hidden" name="hid1" value="">
   <br><input type="submit"  value="Send me your name!"  onClick="submitform();">
   <br>
   </form>
   <script type="text/javascript">
   function submitform()
   {
     document.form1.hid1.value="hidden value";

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

第 2 页

<SCRIPT LANGUAGE="javascript">
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>

看看这个链接http://www.htmlgoodies.com/beyond/javascript/article.php/3471111/A-Quick-Tutorial-on-JavaScript-Variable-Passing.htm

关于html - 如何使用 javascript 将值从一个 HTML 页面传递到另一个 HTML 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7269640/

相关文章:

css - 跨度在 div 中 float - 为什么在 IE 中换行?

html - 是否有可能存在有效但不可见的溢出?

cordova - 在 Cordova 上保护 postMessage()

android - 溢出:自动在 Android 上不工作或工作不一致

ios - 为什么 `mediaCapture.captureImage()` 会使我的 `ionic` 应用程序崩溃?

angular - 无法添加任务 ':processDebugGoogleServices',因为同名任务已存在

jQuery 滑动菜单新手

html - CSS:如何以动态宽度将div定位在中心

javascript - jquery 没有以 HTML 形式定义

iphone - 如何在 Phonegap 1.0 中保持 iPhone 屏幕常亮?