Загрузка внешнего скрипта после загрузки страницы с помощью jQuery

Question

Я немного запутался, как это сделать, в основном у меня есть страница, на которой вставлена ​​кнопка «Поделиться» на Facebook через JavaScript:

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Проблема в том, что она блокирует загрузку страницы в этой частиКак я могу вставить этот тег после загрузки страницы и по-прежнему выполнять скрипт?Я хотел бы сделать это ненавязчивым способом, идеи?

Answer 1

Используйте команду jQuery getScript внутри $(document).ready.Это загрузит скрипт после загрузки страницы.Пример:

$(document).ready(function() {
    $.getScript("http://static.ak.fbcdn.net/connect.php/js/FB.Share", function() {
        alert("Script loaded and executed.");
    });
});

Answer 2

Попробуйте что-то вроде этого:

$(document).ready(function() {
    var script = document.createElement( 'script' );
    script.src = "http://static.ak.fbcdn.net/connect.php/js/FB.Share";
    script.onload=optionallyDoSomethingWithTheScriptYouJustLoaded();//not needed
    var headID = document.getElementsByTagName("head")[0];         
    headID.appendChild(script);
 });

Answer 3

Вы можете использовать jquery.getScripts для асинхронной загрузки.

Answer 4

вы можете сделать что-то вроде:

$(function() {
  $.getScript('http://static.ak.fbcdn.net/connect.php/js/FB.Share', function() {
    //do nothing here
  });
});

Answer 5

Внедрить тег сценария в dom как обратный вызов для документа готового события.