Запуск функции javascript при загрузке

Я пытаюсь использовать этот скрипт для запуска функции при загрузке страницы. Кто-нибудь может понять, что случилось? Глупая ошибка, я уверен - просто не могу ее решить.Запуск функции javascript при загрузке

Код:

<script> 

    var text = document.getElementById("myText"); 

    function changeFontSize(){ 
    if (window.innerWidth < 600) { 
text.style.fontSize = "70px"; 
     } else { 
     text.style.fontSize = "100px"; 
     } 
    } 

    window.onresize = changeFontSize; 

    </script> 

    <script> 
    setTimeout(function() changeFontSize, 3000); 
    </script>

источник

2015-07-13 dwinnbrown

Попробуйте использовать window.onload = changeFontSize; –

window.onload = changeFontSize; 
window.onresize = changeFontSize;

в качестве альтернативы, вы можете использовать

window.addEventListener("onload", changeFontSize, false); 
window.addEventListener("onresize", changeFontSize, false);

источник

2015-07-13 17:21:59 jperelli

попробовал, но это не сработало - я хочу, чтобы javascript запускался один раз, когда окно загружается, а затем с прослушивателем при каждом изменении размера. – dwinnbrown

вы можете иметь оба! :) отредактировал мой ответ – jperelli

нормально, теперь он работает :), но он довольно медленный, есть хорошая одна-две секунды, подождите, пока он его не запустит. Есть идеи? – dwinnbrown

var text = document.getElementById("myText"); 
 

 
    function changeFontSize() { 
 
    if (window.innerWidth < 600) { 
 
     text.style.fontSize = "70px"; 
 
    } else { 
 
     text.style.fontSize = "100px"; 
 
    } 
 
    } 
 

 
    window.onresize = changeFontSize; 
 

 
    setTimeout(changeFontSize, 3000);

<p id="myText">Test</p>

В основном вы имели ошибку синтаксиса в:

setTimeout(function() changeFontSize, 3000);

Вам не нужен function()

источник

2015-07-13 17:23:41 Armfoot

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

var text = document.getElementById("myText"); 
 

 
    function changeFontSize(){ 
 
    if (window.innerWidth < 600) { 
 
text.style.fontSize = "70px"; 
 
     } else { 
 
     text.style.fontSize = "100px"; 
 
     } 
 
    } 
 

 
    window.onload = changeFontSize; 
 
    window.onresize = changeFontSize;

<div id="myText">Test</div>

источник

2015-07-13 17:23:59 Keerthi

спасибо, но это не сработало. javascript должен запускаться один раз при загрузке страницы/таймаута, а затем всякий раз, когда изменяется размер окна. – dwinnbrown

Отредактировал мой код. Теперь попробуйте – Keerthi

Начнем с того, setTimeout() не используется так, как вы написали, он должен быть setTimeout(changeFontSize, 3000); вместо этого. Это, как говорится, это будет работать:

<script> 
    var text = document.getElementById("myText"); 

    function changeFontSize() { 
     if (window.innerWidth < 600) { 
      text.style.fontSize = "70px"; 
     } else { 
      text.style.fontSize = "100px"; 
     } 
    } 

    window.onresize = changeFontSize; 

    changeFontSize(); 
</script>

Как было также сказано jperelli, window.onload = changeFontSize также будет работать.

источник

2015-07-13 17:24:18 Pandacoder

@ dwinnbrown Вы помещаете блок '

Если вы хотите абсолютно использовать onresize вместо onload (я предполагаю, что вы хотите достичь чего-то в ответ), вы должны ждать загрузки страницы, в противном случае объект MYTEXT не объект будет еще не был инициализирован в переменный текст (потому что он еще не доступен в DOM). Обратите внимание, что в этом случае использование setTimeout (в любом случае неправильный синтаксис) не требуется.

Это работает:

<script> 

    function changeFontSize(){ 
     if (window.innerWidth < 600) { 
      document.getElementById("myText").style.fontSize = "70px"; 
     } else { 
      document.getElementById("myText").style.fontSize = "100px"; 
     } 
    } 

    window.onresize = changeFontSize; 

</script>

источник

2015-07-13 17:31:56

спасибо, но это не сработало.javascript должен запускаться один раз при загрузке страницы/таймаута, а затем всякий раз, когда изменяется размер окна. – dwinnbrown

Смежные вопросы