Несколько методов импорта файлов js без использования script

Метод один: нативный

　содержимое adc.js是这样的:

var hello = "H9";

html.html

<script>
      var s = document.createElement("script");
      s.src = "abc.js";
      document.head.appendChild(s);
      s.addEventListener("load",function(){
        // Ждать завершения загрузки load события s, чтобы избежать ошибок при вызове до завершения загрузки
        console.log(hello);
      )
      setTimeout(function(){// или использовать таймер для обеспечения вызова после завершения загрузки (небезопасно, лучше использовать监听 событий)
        console.log(hello);
      },1000);
     // $.getScript("abc.js");
  </script>

Метод二是: jquery.js

$.getScript("abc.js",function(){ alert("heheheh"); console.log(hello); });

<script type="text/javascript" src="../jquery.js"></script> 
<script type="text/javascript"> 
$(function()}}
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Проверка нового скрипта"');//Эта функция находится в new.js и запускается при клике
});
});
});
</script> 
</head> 
<body> 
<button type="button" id="loadButton">Загрузить</button>

Метод три: require.js

require.js версия 2.1.1, обратите внимание, что она предназначена для использования в больших проектах, в большинстве случаев достаточно использовать jQuery.

index.html

<script data-main="main" src="require.js"></script>

main.js

console.log("Привет мир");
require(["js1","js2","js3"],function () {
  // Это асинхронная загрузка импорта. Расширение .js можно опустить
  console.log("Вы загрузили?");
  var total = num1+num2+num3;
  console.log(total);
  hello1();
  hello2();
  hello3();
)

Использование requireJs позволяет легко импортировать файлы js, но要注意 проблемы с冲突 имен переменных и методов в файлах js. Причина: файлы js в браузере共用 глобальное пространство имен, и имена переменных и методов в этом пространстве могут быть перезаписаны

Основной учебник

Тебе может понравиться