EDIT:重新表述问题,使其不那么模棱两可。
我有两个HTML文件,x.HTML和y.HTML,还有两个javascript文件,x.js和y.js
<form action="y.html">
<input type="text" value="Blank." />
<br />
<input type="submit" />
</form>
请注意,x.html和x.js可以一起工作,y.html和y.js也可以一起工作。我想访问用户从y.js提交到该表单中的值。如何做到这一点?
谢谢!
您可以使用window.sessionStorage
或window.localStorage
在同源上的页面加载中保持字符串数据。
在x'中,其中formElement
是对<form>
的引用,textElement
是<input>
或<textarea>
的引用,在提交<form>
时使用node.addEventListener(event_type, handler)
设置事件处理程序
formElement.addEventListener('submit', function (e) {
window.sessionStorage.setItem('foobar', textElement.value);
});
在y'中,您可以访问
var foobar = window.sessionStorage.getItem('foobar');
if (foobar === null) console.warn('nothing got set on x :(');
因此,下面是a.html的来源,使用get方法将数据发送到b.html,重定向后,表单的数据将在查询字符串中可用,如/b.html?ta=sfsdfsdfsdfs
<form action="b.html" method="get">
<textarea name="ta" id="" cols="30" rows="10"></textarea>
<input type="submit" value="Submit" id="subBtn">
</form>
您可以使用任何查询字符串或GET参数来执行此操作。在第x页的表单中,您可以使用define方法作为GET,当提交此表单时,它将被定向到一个地址,该地址包括您的变量和用户传递的参数。现在,在第y页中,您可以只使用window.location.search
值并使用变量。此外,您还可以使用cookie并执行同样的操作。
如果可能的话,更详细地描述你的问题,以便发布相关的解决方案。