javascript - 从另一个页面更改文本框的值

Question

我有 2 个 php 页面。我们将其命名为 page1.php 和 page2.php。在 page1.php 上是一个值为 0 的文本框，在 page2.php 上是一个按钮。现在这两个页面在浏览器的不同选项卡中打开。我想要发生的是每当单击 page2.php 中的按钮时，page1.php 中的文本框值将更改为 1。请注意，我希望此过程在不重定向或刷新页面的情况下发生。

page1.php

<script type="text/javascript" src="jscript.js">
<input type="text" value="0" id="txt1">

page2.php

<script type="text/javascript" src="jscript.js">
<input type="button" value="change text1 value" onClick="changeval()">

脚本.js

function changeval(){
document.getElementById('txt1').value="1";
}

我想通过它的 id 改变文本框的值。我的教授给了我一个提示，这可以使用 javascript/jquery 或 ajax 来完成。任何帮助将非常感激。

Answer 1

您可以在 html 中使用本地存储。http://diveintohtml5.info/storage.html。见活动部分。只要两个页面都在同一个域中，您就应该能够从一个页面获取数据到另一个页面，而无需刷新或更改页面。