javascript - 将文本框的值获取到另一个 html 文件

Question

我在 index.html 中有一个文本框，我想获取它的值并将其放入另一个 html 文件中的文本框，即 result.html。（他们使用相同的 .js 文件）

index.html 文本框：

<input id="txt2" readonly="true" type="number" value="0" name="score" style="border:none;background-color:#f0f2f7">

result.html 文本框：

<input id="txt3" readonly="true" type="number" value="0" name="score" style="border:none;background-color:#f0f2f7"></td>

这是它将自动转到其他页面的代码：

if((mins == 0) && (secs == 0)) {
    //window.alert("Time is up.Your score is "+score); // change timeout message as required
    document.getElementById('txt2').value = score;
    window.location = "score.html" // redirects to specified page once timer ends and ok button is pressed
} 
else {
    cd = setTimeout("redo()",1000);
}

txt3 将如何获得 txt2 的值，因为它们在不同的 html 中？

提前致谢。

Answer 1

更改结果页面 URL 如下；

window.location = "result.html?val="+document.getElementById('txt2').value;  

结果.html

<input id="txt3" readonly="true" type="number" value="0" name="score" style="border:none;background-color:#f0f2f7"></td>  


<script>
document.getElementById('txt3').value=window.location.search.replace("?val=","");
</script>

Answer 2

像这样使用查询字符串

http://mysite.com/index.html?name=john

并使用 javascript 在不同的 html 页面上获取此名称

function loadPageVar (sVar) {  
  return unescape(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + escape(sVar).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));  
}  

// Would alert the value of QueryString-variable called name  
alert(loadPageVar("name"));