var elem = document.getElementById('elem-id');
elem.addEventListener('click', function(e){
  var script = document.createElement('script');
  script.addAttribute('src', 'http://example.com/js/script.js');
  document.body.appendChild(script);
});

как-то так

ЕМНИП, в этот момент «ложно» сработают события document.load и подобные. Как-то боролся с такими.

если на вставку скрипка срабатывает document.load, то это явно баг, IE наверное?:)

P.S. только что в хромиуме проверил, document.load не срабатывает.

Его же запустить нельзя будет.

Я когда-то подгружал внешние скрипты в скрытый iframe, запускал их, а потом удалял этот iframe…

Его же запустить нельзя будет.

ещё как можно :)

кстати, оно должно работать в мобильных браузерах тоже.

http://api.jquery.com/jQuery.ajax/ и crossDomain: true

если вас не смущает наличие jQuery на странице, конечно

тащить jquery ради одной этой функции как то избыточно, наверное.
спасибо, оставлю как запасной вариант.

80-90кб, без gzip, если с cdn - то будет высокая вероятность что он уже в кэше браузера (jQuery сейчас лепят везде где надо - где не надо).


ну а потом - где одна функция, там и вторая... :)

это версия страницы для мобилок, там 90кб играют роль думаю.

согласен. тогда Подгрузка внешнего js по onclick (комментарий)
jQuery примерно то же самое делает.

спасибо всем, буду пробовать.

Я вот такой загрузчик использую: http://www.dustindiaz.com/scriptjs

не совсем понял, поможет ли он решить мою задачу?

не совсем понял, поможет ли он решить мою задачу?

да, можно в обработчик onclick засунуть подгрузку внешнего скрипта через этот загрузчик. Внутри оно похоже на решение которое предложил Mr_Gentoo

Если есть доступ к серверной части (есть возможность написать серверный скрипт), то можно и без разрешения cross-domain.

Универсальный вариант для любого браузера

<script type=text/javascript> function loadScript() { var s=document.createElement('script'); s.type='text/javascript'; s.src='http://domain/pathtoscriptandscriptname'; document.getElementsByTagName('head')[0].appendChild(s); } </script> <a onclick=«loadScript()»>Загрузить скрипт</a> или <a href=«javascript:loadScript()»>Загрузить скрипт</a> или onclick=«loadScript()» в каком-то другом элементе (кнопке, картинке и т.п.). Я этот вариант использую для имитации кроссдоменного AJAX описанного на http://ilnytskyy.office-xxi.com Работает в любом бразере.