Javascript-форум - Действие с родителем после загрузки iframe

В 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>