аватар Автор: Сергей Касаткин | 04 февраля 2013 13:56

Статьи / JavaScript /

Конфликт событий onLoad и window.onload

Следующая заметка делалась в качестве напоминалки для себя, но надеюсь поможет другим

Например Вы в body уже прописали запуск определённого события

<body onload="abvgd_init()">


...или прописали код, указанный ниже, и теперь у Вас не работают добавленные вами виджеты Яндекса, Контакта или Facebook?
window.onload = function () {


... и теперь у Вас не работают добавленные после виджеты Яндекса, Контакта или Facebook?

Рассмотрим вышеупомянутые два варианта с Яндексом и ВКонтакте.

Что делаем с конфликтом onload с Яндекс Картами



У Яндекс карт, как правило, следующий код на странице
window.onload = function () {
var map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint( какие-нибудь координаты ), 11);


Так вот меняем строчку
window.onload = function () {

на 
YMaps_init = function () {


В body следующим образом добавляем событие
<body onload="YMaps_init();">


Если в body уже было другое событие, то добавляем следующим образом
<body onload="abvgd(); YMaps_init();">

Данные события будут загружать сразу же при загрузке страницы.

Что делаем с конфликтом onload с виджетом ВКонтакте



Там по аналогии
window.onload = function () {
 VK.init({apiId: 111, onlyWidgets: true});


Также меняем строчку
window.onload = function () {

на 
VKcom_init = function () {


А в body следующим образом добавляем ещё одно событие
<body onload="abvgd(); VKcom_init();">


Также делаем с тремя и более событиями)

Готово!
 



Распечатать
Похожие статьи
06 февраля 2013 19:07 Кнопка распечатать страницу JavaScript print()
17 сентября 2013 11:52 Как сделать смену (ротацию) изображений на Java Script?
16 апреля 2013 12:45 Текущая дата (день, месяц, год) скрипт JS
10 февраля 2015 19:10 Как сжать или закодировать JavaScript? Онлайн сервисы
23 июня 2015 11:47 Как написать обратный отсчёт времени до определённой даты? JS


Комментарии к статье (vk.com)