Подгрузка скрипта при скролле

Question

Подскажите, пожалуйста, как вписать данный скрипт

<script async src="https://usocial.pro/usocial/usocial.js?v=6.1.4" data-script="usocial" charset="utf-8"></script>

в код ниже, что бы он подгружался при скролле страницы.

<script>
var fired = false;
 
window.addEventListener('scroll', () => {
    if (fired === false) {
        fired = true;
        
        setTimeout(() => {
                    
???  
        }, 1000)
    }
});
</script>

Answer 1

Возможно, как то так.

    var sNode = document.createElement('script');
    sNode.src = 'https://usocial.pro/usocial/usocial.js?v=6.1.4';
    sNode.async = true;
    document.body.appendChild(sNode);

Answer 2

можно так

var newScript = document.createElement("script");
newScript.src = "http://www.example.com/my-script.js";
document.body.appendChild(newScript);

и так

var newScript = document.createElement("script");
var inlineScript = document.createTextNode("alert('Hello World!');");
newScript.appendChild(inlineScript); 
document.getElementById("div").appendChild(newScript);

<div id='div'> </div>

БЛОГ НА HUSL

Подгрузка скрипта при скролле

Ответы (2 шт):