通过 JavaScript 获取函数输出到不同的 HTML 页面答案

【问题标题】：Get function output to different HTML page by JavaScript通过 JavaScript 获取函数输出到不同的 HTML 页面
【发布时间】：2014-04-17 12:38:28
【问题描述】：

我有一个函数可以从我的页面上的选择中获取所有选定的值作为文本。我需要一个按钮，onclick 用不同的 HTML 页面打开新的“空白”，并将我的 selectgetting 函数的输出放到新页面上的文本框中。

如何通过 JavaScript 实现？

var w = window.open('form.html', 'blank', 'scrollbars=yes,toolbar=no,width=500,height=950')
var box = w.getElementById('input_16');
box.value = "bodystyle: " + body + "<br>" + "color: " + color; 
w.focus();

这应该适用于更改框文本不应该吗？我首先在新窗口中打开第二个 HTML，然后通过 id 获取其文本框并更改其值。为什么它不起作用？

谢谢

【问题讨论】：

你试过什么？您是否尝试过使用本地存储或 cookie 或查询字符串？
没有尝试任何东西：D 因为我是 JS 菜鸟。写在这里以获得一些提示如何做到这一点
可能最简单的方法是将查询字符串参数附加到您用于新页面的 url，然后在新页面中查询该参数以填充文本输入。

标签： javascript html text output

【解决方案1】：

要将您的下拉值传递给 _blank 页面，您可以将其添加为 URL 中的参数。他们在下一页的 url 中使用 Javascript 读取它并将其放入您的文本框中。

所以： 1.读取值
2. 添加到网址
3.从url中读取值
4. 为文本框添加值

祝你好运。

编辑：这样做 1 和 2。

 <div>
<input type="button" value="click me" />
 <input type="text" id="input_16" value="input16" />
 </div>


<script>
 $(function(){ $("input[type='button']").on('click',function(){ var val = document.getElementById('input_16').value;  window.open('form.html&param1='+val, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes') })})
</script>

http://jsfiddle.net/2BejP/

【讨论】：