Как запустить скрипт не по «click» а при загрузки страницы?

Question

[Sergey Semenov]

Решил посмотреть на работу скрипта на странице который запускает стили. В родном варианте при нажатие на кнопку срабатывают стили, хочу сменить запуск на автоматический при загрузки страницы.
Как это можно сделать или направьте в нужном направление ?

<script>
		(function() {
			var headline = document.querySelector('.trigger-headline'),
				trigger = document.querySelector('.btn--trigger'),
				segmenter = new Segmenter(document.querySelector('.segmenter'), {
					onReady: function() {
						trigger.classList.remove('btn--hidden');
						trigger.addEventListener('click', function() {
							segmenter.animate();
							headline.classList.remove('trigger-headline--hidden');
							this.classList.add('btn--hidden');
						});
					}
				});
		})();
		</script>

Answer 1

[Артём Гринн]

Если не подключен jQuery, то можно на чистом JS так:

window.addEventListener("load", function () { 
    //ваш код
 });

Подключить можно прямо на странице в теге
<script></script>

--
UPDATE
Ок, понял в чем вопрос, попробуйте изменить скрипт на этот:

$(document).ready(function(){
      var headline = document.querySelector('.trigger-headline'),        
        segmenter = new Segmenter(document.querySelector('.segmenter'), {
          onReady: function() { 
              segmenter.animate();
              headline.classList.remove('trigger-headline--hidden');
          }
        });
});

Comments

[Ilia_UA]

Аналог document.ready на чистом JS - это все-таки document.addEventListener('DOMContentLoaded'); ;)

Answer 2

[Ankhena]

$(document).ready(function(){
   сюда
});

Comments

[Sergey Semenov]

сори за тупизм, в JS не очень разбираюсь. А как это применить?

[Ankhena]

Sergey Semenov: http://jquery.page2page.ru/index.php5/Обработчик_г...

Answer 3

[Иван Костюк]

$(document).ready(function(){
      var headline = document.querySelector('.trigger-headline'),
        trigger = document.querySelector('.btn--trigger'),
        segmenter = new Segmenter(document.querySelector('.segmenter'), {
          onReady: function() {
            trigger.classList.remove('btn--hidden');
            trigger.addEventListener('click', function() {
              segmenter.animate();
              headline.classList.remove('trigger-headline--hidden');
              this.classList.add('btn--hidden');
            });
          }
        });
});