我想使用cookies将搜索查询从一个html页面文本框传递到另一个html页面文本框。
我尝试了以下脚本，但效果不如预期：
第1页
<input type="text" value="" name="s" id="s1" />
<input id="btnSave" type="button" value="Search" onclick="Redirect();"/>
<script type="text/javascript">
function Redirect() {
var x = document.getElementById("s1").value;
document.cookie = x;
window.location.href = 'Result.html';
}
</script>
第2页
<script>
function getcookie() {
document.getElementById("#s").value = document.cookie;
}
</script>
<body onload="getcookie();">
<input id="s" type="text" />
</body>
最佳答案
您应该设置cookies及其到期时间（不重要，但当您想检索时，即使是关闭的浏览器，您需要在浏览器打开时再次使用）。
还有一件事，当您获取cookie值时，它会给出包含所有cookie值的字符串，因此可以对其进行自定义以获得所需的值。
设置COOKIE
function setCookie(cname,cvalue,exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname+"="+cvalue+"; "+expires;
}
现在，从cookie中获取值，函数可以定义为
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
一起工作，在现有解决方案中工作
第1页
<script type="text/javascript">
function Redirect() {
var x = document.getElementById("s1").value;
setCookie("s",x,2);
window.location.href = 'Result.html';
}
</script>
第2页
<body onload="document.getElementById('s').value =getCookie('s')">
<input id="s" type="text" />
</body>