Я делаю сайт в Atom с пакетом предварительного просмотра HTML.Этот код отлично работает в предварительном просмотре, но не работает (с различными симптомами) ни в одном из браузеров, которые я пробовал.
На моем сайте пока есть две страницы, которые используют localStorage для передачи двух строк.Обе строки представляют собой URL-адреса, которые извлекаются из iframe.
страница 1 (главная страница):
<form onsubmit="submit();" action="play.html">
<input type="submit">
</form>
<script type="text/javascript">
function submit() {
var startURL = document.getElementById("start").contentWindow.location.href;
var goalURL = document.getElementById("goal").contentWindow.location.href;
localStorage.setItem("start", startURL);
localStorage.setItem("goal", goalURL);
}
</script>
страница 2 (дополнительная страница):
<head>
<script type="text/javascript">
var start, goal;
function load() {
start = localStorage.getItem("start");
goal = localStorage.getItem("goal");
document.getElementById("startHolder").innerHTML = "Start: " + start;
document.getElementById("goalHolder").innerHTML = "Goal: " + goal;
}
</script>
</head>
<body onload="load();">
<p id="startHolder"></p>
<p id="goalHolder"></p>
</body>
В Atom результат выглядит примерно так (ожидаемый и желаемый):
Начало: https://en.wikipedia.org/wiki/Main_Page
Цель: https://en.wikipedia.org/wiki/Main_Page
В Chrome:
Начало: ноль
Цель: ноль
В IE и Edge вообще ничего не отображается.
Конечно, я бы хотел, чтобы сайт работал согласованно в основных браузерах и в моем превьюере.Любая помощь очень ценится.Я в тупике.