Фокус окна не работает в Javascript

Question

Когда я нажимаю на кнопку «Записная книжка», я хочу, чтобы она открыла notebook.html, если я щелкаю ее второй раз, я хочу, чтобы зашел Notebook.html, чтобы сосредоточиться БЕЗ обновления. (пользователь обновляет Notebook.html, при обновлении теряются обновляемые данные.)

Это частично работает, однако обновляет страницу, и я теряю все данные, которые были добавлены.

<script>
function openNotebook() {
    window.open('notebook.html', "notebook","width=800, height=600, resizable=yes, top=50, left=10").focus();
}
</script>

<button type="button" class="btn btn-primary" onclick="return openNotebook()">Notebook</button>

Answer 1

Попробуйте этот

• тест, если вы уже открыли его
• верните false, чтобы остановить возможную отправку формы ИЛИ используйте type = "button"
• удалить пробелы впараметры

---

var w;
function openNotebook() {
  if (w && !w.closed) w.focus(); // focus if exists and is not closed
  else w = window.open("notebook.html","notebook",
    "width=800,height=600,resizable,top=50,left=10");

  return false; // or preventDefault or make the button type="button"
}

В качестве альтернативы тестированию, если w.closed, удалите w из открывателя, добавив его в notebook.html

window.onbeforeunload=function() { opener.w=null; }