Script appelant un autre script

Bonjour,
situation actuelle pour appeler mes scripts:

     <script src="/common/js/jquery.js"></script>
     <script src="/common/components/script-1.js"></script>
     <script src="/common/components/script-2.js"></script>
     <script src="/theme/js/theme.js"></script>

le thème theme.js servant à configuer les scripts e.g:

/*
 * -------------------------------------------------------------------------
 * --- INITIALISATION des SCRIPTS du dossier COMMON en fonction du thème ---
 * -------------------------------------------------------------------------
 * /


/*
|--------------------------------------
|  jQuery BxSlider script de lancement
|--------------------------------------
|
*/
$(document).ready(function(){
	$('.bxslider').bxSlider({
		auto: true,
		autoControls: true
	});	
});

Ce que j'aurai souhaité

     <script src="/common/js/jquery.js"></script>
     <script src="/theme/js/theme.js"></script>

et alors, le fichier theme.css aurait ressemblé à cela:

/*
 * -----------------------------------------------------------------------------------------------------------------
 * ---APPEL et  INITIALISATION des SCRIPTS du dossier COMMON en fonction du thème ---
 * -----------------------------------------------------------------------------------------------------------------
 * /

/*
|-------------------------
|  Appel des scripts
|--------------------------
*/
<script src="/common/components/script-1.js"></script>
<script src="/common/components/script-2.js"></script>

/*
|--------------------------------------
|  jQuery BxSlider script de lancement
|--------------------------------------
|
*/
$(document).ready(function(){
	$('.bxslider').bxSlider({
		auto: true,
		autoControls: true
	});	
});

Modifié par cpalo (24 Nov 2015 - 07:13)

J'ai cru comprendre qu'il fallait éviter d'utiliser document.write
sinon j'avais penser utiliser ce code:

document.write("/common/components/script-1.js")
document.write("/common/components/script-2.js")

J'ai donc trouver cela:

(function(){&nbsp;<br />
&nbsp; var sc = document.createElement('script');&nbsp;<br />
&nbsp; sc.type = 'text/javascript';&nbsp;<br />
&nbsp; sc.src = '/common/components/script-1.js';&nbsp;<br />
&nbsp; document.getElementsByTagName('script')[0].insertBefore(sc);&nbsp;<br />
})();

Mais cela ne fonctionne pas.
Problème de chemin incorrect ou problème de mauvaise syntaxe ?
Ce code je le mets dans le fichier d'appel theme.js
Modifié par cpalo (24 Nov 2015 - 12:22)