В index загружаю iframe после загрузки самого index
window.onload = function() {
var frame = document.getElementById('loadPage');
var iframe = document.createElement('iframe');
iframe.id = 'lobbyFrame';
iframe.height = '680';
iframe.width = '820';
iframe.src = 'lobby.html';
frame.appendChild(iframe);
}
Сделал так, потому что нужно загрузить iframe именно после загрузки самого index(надеюсь правильно сделал). Теперь мучаюсь как реализовать смену фона у index уже именно после загрузки iframe. Прописовал смену после
frame.appendChild(iframe);
document.getElementById('bodyBg').style.background = 'url(images/lobbyBg.jpg)';
но этим методом не учитывается загружен ли iframe. Пробовал как то реализовать через if, но ничего так и не получилось.
Также пробовал через iframe
parent.document.getElementById('bodyBg').style.background = 'url(images/lobbyBg.jpg)';
}
Как проверить загружен ли iframe и уже после этого менять фон body у index?
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Index</title>
<link rel="stylesheet" href="style.css">
</head>
<body id="bodyBg">
<div id="loadPage">
</div>
<script src="javascript.js"></script>
</body>
</html>