Я думаю, вам не хватает большой картинки . Отправка и получение данных требуют некоторого взаимодействия на стороне сервера, например, с использованием PHP, ASP, JSP, Python и т. Д., Если вы не согласны с cookies.
Когда вы обновляете поле в одном возрасте, эти данные должны каким-то образом отправляться на сервер, чтобы поймать другую страницу. В любом случае, способ, которым вы хотите, чтобы он стал автоматическим, сейчас невозможен. Тем не менее, я предоставлю решение, как вы можете сделать это, используя jQuery и PHP. Но если хочешь?
Обновление
Так что, кажется, куки - это единственный вариант. Выполните следующие шаги
Создайте новый файл cookie.js и поместите следующий код внутри
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
Затем создайте два html-файла "test1.html" и "test2.html" с этой разметкой
<html>
<head>
<script src="cookie.js"></script>
</head>
<body>
<input type="text" id="text1" name="text1" />
</body>
</html>
Теперь на test1.html добавьте следующий скрипт в заголовок
<script>
window.onload = function() {
document.getElementById("text1").onchange = function() {
// ^ use onkeyup if you want this to occur as you type
setCookie("shared", this.value, 1);
alert('oK, val changed so lets check it');
};
};
</script>
На Test2.html добавить следующий заголовок на голову
<script>
var checkandupdate = function() {
var shared = getCookie("shared");
if(shared) {
document.getElementById("text1").value = shared;
}
};
window.onload = function() {
int = setInterval("checkandupdate()",1000);
};
</script>
Теперь
- Открыть обе страницы
- Перейдите в test1.html и введите что-нибудь, затем нажмите tab, чтобы получить сообщение с предупреждением.
- Откройте test2.html, его нужно обновить в течение 1 секунды
- После того, как демонстрационная программа сработает, обновите имена полей по мере необходимости
Наслаждайся;)