Выполнение js после его подгрузки в html

290

01 февраля 2018, 20:27

Здравствуйте. У меня скрипт через ajax подгружает html контент . В данный html я добавил js функцию новую с button-ом.

Можно ли как-то заставить работать данную функцию ?

пример :

var text='<script>function test(){alert("test");}</script><button onclick="test();">test</button>';
document.getElementById('text').innerHTML = text;

Answer 1

Нет смысла динамически добавлять тег <script>, код внутри него уже не будет выполнен.

//Этот блок будет вызван только после загрузки документа 
document.addEventListener('DOMContentLoaded', function(){ 
 
    //Так можно добавить новую глобальную функцию 
    window.test = function(){alert("test");}; 
     
    var html='<button onclick="test();">test</button>'; 
    //Используем pure js современный селектор 
    var text = document.querySelector('#text'); 
     
    text.innerHTML = html; 
});

<h3>Пример</h3> 
<div id="text"> 
</div>

Answer 2

Код скрипта нужно запустить после вставки. Вот на jQuery пример:

$("#text").find("script").each(function(i) {
eval($(this).text());
});

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Обрабатывать событие keydown только в пределах нужного экрана

Есть 2 блока, где нужно событие keydown они на разных экранах страницы, keydown общийКак его ограничить, чтобы если видна одна область, то работает...

248

javascript