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