Ваш способ я понял. Также работает аналогичное по смыслу действие: написать <script>...</script> без "window.onload..." не в начале кода, а в конце перед закрывающим тегом </body>. По этому принципу я и не добавил в "metro.js" фразу "window.onload...".

Цитата из инета:"Атрибут defer откладывает выполнение скрипта до тех пор, пока вся страница не будет загружена полностью." То есть я так понимаю, что это тоже самое, как если бы скрипт стоял в конце кода перед тегом </body>, соответственно конструкция "window.onload..." не требуется. На мой взгляд визуально код так смотрится менее загромажденным. Но почему-то такой метод не сработал( Подскажите плиз почему.

В хроме все работает. Тем не менее, не нужно расчитывать на defer, так как он не всеми браузерами поддерживается. Точнее некоторыми старыми не поддерживается.
Самый простой вариант ты уже описал - опустить скрипт в низ страницы.

Спс. Действительно, в хроме работает. А в опере почему-то не работает, хотя версия самая последняя.

Так и сделаю.