Когда страница parent.html загружается, я открываю страницу child.html, используя window.load().
В parent.html у меня есть два поля ввода и одна кнопка. С помощью кнопки onClick следует передать значение в child.html и загрузить значения текстового поля без перезагрузки страницы child.html.
Проблема в том, что нет сообщения об ошибке, но дочерняя страница перезагружается и загружает содержимое.
Parent.html
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
var popT1;
$(document).ready(function () {
debugger;
popT1 = window.open('/HTML/Screen1.html', 'screen_1', 'width=1300,height=800');
popT1.moveBy(100, 300);
$('#pageBtn').click(function () {
var value1 = $('#pageT1').val();
var value2 = $('#pageT2').val();
var queryString = "?ID=" + value1 + "&Map=" + value2;
window.open('/HTML/Screen1.html' + queryString, 'screen_1', 'width=1300,height=800').focus();
});
});
</script>
<title>Home Page</title>
<body>
<div>
ID: <input type="text" id="pageT1" />
Map: <input type="text" id="pageT2" />
<button id="pageBtn">Pass</button>
</div>
</body>
child.html
<title>Test1</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
var queryString = decodeURIComponent(window.location.search);
queryString = queryString.substring(1);
var queries = queryString.split("&");
for (var i = 0; i < queries.length; i++)
{
document.write(queries[i] + "<br>");
}
</script>
<h1>Test 1</h1>
<div id="txtT1"></div>