2016-11-08 5 views
0

Хмм, это возможно document.write на другой странице html?Document.write на другой странице html

Например, я создаю две страницы html, на первой странице есть текстовое поле и кнопка отправки. Я ввожу текст в текстовое поле, и после того, как я нажму кнопку отправки, значение текстового поля будет передано на вторую страницу html и загрузит html-страницу и напишет на ней значение.

Просто новичок в JavaScript так терпите меня, пожалуйста: D

+0

Нет. Но вы можете использовать 'localStorage' для синхронизации значений между сайтами. –

+0

Ну, да и нет. Не в чистом javascript, это не (ну, это технически, но это будет означать, что вам придется иметь обе страницы в одном браузере, просто разные вкладки). Javascript является локальным для браузера и не может ничего сохранить, кроме как с localStorage - что вы можете сделать, это запустить AJAX-вызов, обновить что-то в фоновом режиме и проверить другую страницу на наличие обновлений. – junkfoodjunkie

+0

Другой возможностью было бы загрузить page2.html? Value = textFromTextbox после того, как пользователь нажал кнопку отправки на стр. 1 и извлек значение из URL-адреса на второй странице. –

ответ

0

Поскольку вы используете чистый Javascript и HTML, я предполагаю, что на стороне сервера вещи из картины. Так что комментарий Феликса Клинга на самом деле, я думаю, хороший способ пойти. Вот один из способов, вы можете использовать localStorage, чтобы сделать эту работу:

/* index.html */ 
<form action="result.html" onsubmit="submit()"> 
    <input type="text" id="input"> 
    <input type="submit" value="Submit"> 
</form> 
<script> 
function submit() { 
    var input = document.getElementById("input").value; 
    localStorage.input = input; 
} 
</script> 

/* result.html */ 
<div id="result"></div> 
<script> 
    document.getElementById("result").innerHTML = localStorage.input; 
</script> 
+0

Могу ли я хранить несколько значений типа «var x = 1; var y = 2; localStorage.input = x; localStorage.input = y '? –

+0

'localStorage' - это объект, поэтому вы можете сказать что-то вроде' localStorage.x = 1; 'и' localStorage.y = 2; '. Это просто объект, который сохраняется, поэтому вы можете прочитать его позже, даже на другой странице или после обновления. Однако он не является надежным как долговременное хранение. Изучите WebSQL для долговременного хранения. –

0

Если вы работаете на одной странице приложения вы можете довольно легко достичь этого, просто хранить значение в правильном объеме. Если вы на многократном применении страницы вы можете добиться этого с помощью любого из следующих способов:

  1. посылающих параметр в URL

  2. хранящего значение в LocalStorage/sessionStorage

  3. хранящих его в печенье (Не рекомендуется)

  4. отправка его на сервер в формах param (не рекомендуется)

0

Без использования php вы можете отправить документ document.write() в другой файл html следующим образом.

<html> 
    <script> 
    var a = document.location.toString(); 
    var b = a.slice(a.indexOf("?")+1,a.length); 
    var c = b.split("&"); 
    for(i=0;i<c.length;i++){ 
document.write(c[i]); 
    } 
</script> 
</html> 
1

Вы можете сделать это, используя строку запроса.

window.location = "Pass.aspx?variabletopass=test"; 

Используйте эту строку, в которой вы пытаетесь перенаправить свою страницу, и значение вашего текстового поля в строке запроса.

Смежные вопросы