Почему возникает проблема с передачей данных через глобальную переменную js? Когда перехожу на страницу, где использую значение переменной(second.html), возникает такая ошибка:
Uncaught TypeError: Cannot read property 'globalVar' of undefined
fi.js
function sent(){
window.storage = {};
window.storage.globalVar = document.getElementById('input').value;
}
se.js
var d = document;
var name = window.storage.globalVar;
function addRow()
{
var tbody = d.getElementById('table').getElementsByTagName('TBODY')[0];
var row = d.createElement("TR");
tbody.appendChild(row);
var td1 = d.createElement("TD");
row.appendChild(td1);
td1.innerHTML = name;
}
first.html
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="se.js"></script>
</head>
<body>
<form action="" method="post" onsubmit="sent();">
<input type="text" id="input">
<input type="submit" value="Отправить">
</form>
</body>
</html>
second.html
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="fi.js"></script>
</head>
<body onload="addRow();return false;">
<table id="table">
<thead>
<tr>
<th>Some</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
globalVar
станет глобальной (и вообще будет объявлена) нужно выполнитьsent()
sent()
должен выполниться раньше, чемvar name = window.storage.globalVar
. Еслиsent()
выполняется раньше, чемaddRow()
, то возможно решением для вас будет поместить эти 2 строкиvar d = document; var name = window.storage.globalVar;
в addRow() (и выполнятьaddRow()
послеsent()
еще раз повторюсь)