addEventListener load on ajax load БЕЗ jQuery

Question

У меня есть 4 файла html и 4 файла javascript. Каждый Java-файл загружается снаружи от каждого файла HTML

index.html нагрузок javascript.js 1.html нагрузок javascript1.js 2.html нагрузок javascript2.js 3.html нагрузок javascript3.js

The проблема в том, что index.html использует AJAX для загрузки одной из трех других страниц при нажатии определенной кнопки. Тогда то, что должно произойти, заключается в том, что конкретная страница загрузит свою собственную соответствующую программу javascript, которая в конце этой программы содержит window.addEventListener, которая должна работать на «нагрузке» и запускать функцию «registerListeners». RegisterListeners затем регистрирует прослушиватель событий на кнопке на этой странице, в которой currentyl просто отображает предупреждение для тестирования.

Я понял, что параметр «load» для window.addEventLisener не работает, когда страница загружается динамически с помощью ajax.

Я не могу поместить весь код в главный javascript, потому что он содержит некоторые вызовы getElementById, вызывающие элементы с одной из пронумерованных страниц, которые, если они выполняются на загрузке на главной странице, будут генерировать ошибки, поскольку эти конкретные идентификаторы еще не существуют.

Это домашнее задание, поэтому мне нужно указать в правильном направлении, чтобы сделать это с помощью html5 и javascript WITHOUT jquery. Я понимаю, что с jquery может быть проще, но мне нужно выяснить, как это сделать, пока пока нет.

Будет ли такая вещь, как window.addEventListener ("AJAXload", someFunction(), false) ???

Answer 1

Вместо того, чтобы добавлять слушателя событий программно, вы можете вставить в JQuery полезную функцию в конце содержимого AJAX. Это будет выполняться при загрузке содержимого, вызывая что-то в родительском окне.

AJAX BLAH BLAH BLAH 
<script type="text/javascript"> 
    childContentLoaded(); //or whatever you need 
</script> 

вам может понадобиться добавить «родительский» .functionName()