Javascript 从另一页更改文本框的值

我有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">

我想通过文本框的id来改变它的值。

---

我的教授给了我一个提示，这可以使用javascript/jquery或ajax来完成。任何帮助都将不胜感激。

您可以在html中使用本地存储。请参阅事件部分。只要两个页面位于同一个域中，您就应该能够从一个页面到另一个页面获取数据，而无需刷新或更改页面。

3个选项-重复AJAX调用、cookie或查看最后一个答案，这应该会有所帮助

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

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