English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Várias maneiras de não usar script para importar arquivos js

Método um: nativo

 adc.js conteúdo como follows:

var hello = "H9"; 

html.html

<script>
      var s = document.createElement("script");
      s.src = "abc.js";
      document.head.appendChild(s);
      s.addEventListener("load",function(){
        // aguarde o evento de carregamento de s para evitar erros ao ser chamado antes de ser carregado
        console.log(hello);
      )
      setTimeout(function(){//ou use um temporizador para garantir que seja chamado após o carregamento (não seguro, é melhor usar a escuta de eventos)
        console.log(hello);
      ,1000);
     // $.getScript("abc.js");
  </script>

Método dois: 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('"Verificando novo script"');//Esta função está no arquivo new.js, é executada quando clicado
});
});
});
</script> 
</head> 
<body> 
<button type="button" id="loadButton">Carregar</button>
 

Método três: require.js

Compartilhamento require.js2.1.1Versão, observe que é recomendado para projetos grandes, geralmente é suficiente usar jQuery.

index.html

<!--Configurar o arquivo de entrada main pode ser omitido, js-->
<script data-main="main" src="require.js"></script>

main.js

console.log("Olá mundo");
require(["js1","js2","js3],function () {
  // É carregamento assíncrono. O sufixo .js pode ser omitido
  console.log("Você carregou? ");
  var total = num1+num2+num3;
  console.log(total);
  hello1();
  hello2();
  hello3();
)

É possível importar arquivos js de forma conveniente usando requireJs, mas é necessário prestar atenção aos problemas de conflito de nomes de variáveis e métodos. Causa: os arquivos js compartilham o escopo global do navegador, e os nomes de variáveis e métodos no escopo podem ser substituídos.

Você também pode gostar