L'appel de fonctions de fichier js à la page html

J'ai trois fichiers js pour l'ensemble de mes pages web, et j'ai ensembles prédéfinis de fonctions à appeler pour chaque page web. Pourrais-je passer toutes ces fonctions dans un nouveau fichier js qui ferait alors appel à d'autres fonctions dans un autre fichier js? J'ai lu sur rloader à http://code.google.com/p/rloader/, mais je ne suis pas sûr si je pouvais l'utiliser.

<script src="js/rootNameSpace.js"></script>
<script src="js/jquery-min.js"></script>
<script src="js/ui.js"></script>
<script src="js/form.js"></script>

<script type="text/javascript">
    console.dir(com);
    com.rela.form.helloWorld1();
    com.rela.form.helloWorld2();
</script>

Bien sûr, le navigateur ne s'inquiète pas qu'ils sont séparés des fichiers ou pas
Si vous incluez un script, vous pouvez appeler toute fonction publique à partir de la ligne suivante à partir de la, si c'est dans le fichier html ou un autre fichier de script inclus. Y compris le script est équivalent à la copie et le collage.

OriginalL'auteur | 2013-02-28

1

Oui. Si vous déplacez le contenu de la balise script dans un fichier avec le chemin "js/main.js" et ensuite ajouté un script
```
<script src="js/main.js"></script>
```
après les autres scripts, il sera en mesure d'appeler les fonctions. Y compris un script externe est équivalent à avoir le texte à partir de ce script en ligne dans le fichier.

Scripts peuvent lire le contenu des précédents scripts afin d'avoir plusieurs scripts sur la page est similaire à la concaténation de tous dans un seul fichier, ce qui signifie que si vous ajoutez un script ci-dessous les autres scripts, il sera en mesure de "voir" tout ce qui dans les autres

À l'égard des questions au sujet de rloader

rloader ne le chargement paresseux pour tirer dans les scripts lorsque vous en avez besoin.

Pour en savoir plus sur chargement différé
Et vous pouvez en apprendre davantage sur rloader à partir de son site (je ne suis pas expert)

Pour ce que sa vaut le coup je vous déconseille d'utiliser rloader si vous avez vraiment seulement 4 scripts sur une page. Ses excès. Si vous avez l'intention d'avoir un beaucoup plus grand projet, alors vous pouvez l'utiliser ou la plus populaire requirejs pour gérer vos scripts à travers les pages.

je l'ai fait et ça fonctionne bien, mais on m'a dit d'utiliser rloader et je suis cluless sur ce rloader?
rloader ne le chargement paresseux. Il ajoute automatiquement le script lorsque vous en avez besoin, et ne charge pas c'est le contraire.

OriginalL'auteur Ben McCormick
0

Si vous avez de la dynamique générée pages vous pouvez avoir différents noms/actions/contrôleurs de quoi que ce soit.
Ensuite, vous pouvez
```
echo '<script type="text/javascript">$(document).ready(function(){'.$page_name.'();});</script>';
```
Vous pouvez déclarer des fonctions globales dans tout fichier JS, oui, vous pouvez avoir n'importe quel nombre de fichiers JS, et divisée en aucune façon que vous voulez, ils sont tous mondiale.
```
function name1(){...};
```
Si vous avez une grosse application avec beaucoup de JS fichiers, vous pouvez les diviser ensuite en plusieurs fichiers dans un seul dossier, puis ajouter un rapetisser plugin pour "ramasser" dans un seul fichier de sortie (ou un JS builder).

rloader est un chargement dynamique de script, essentiellement Injecte des fichiers JS dans votre document (http://ntt.cc/2008/02/10/4-ways-to-dynamically-load-external-javascriptwith-source.html). Je ne recommande pas de l'utiliser, sauf si vous avez une très grosse application et de l'utilisation d'un MVC http://coding.smashingmagazine.com/2012/07/27/journey-through-the-javascript-mvc-jungle/ qui se charge uniquement le module en cours.

Je pense que $nom_page devrait être utilisée dans src partie pas en fonction anonymus
Nous pouvons utiliser la même "onload" pour s'assurer que les fichiers JS et les éléments DOM, sont chargés lors de l'appel de fonction ( nous ne savons pas ce que ses fonctions n').

OriginalL'auteur BG Adrian
0

Il est toujours préférable de mettre le code dans des fichiers séparés (dans la mesure où ils sont de moins en taille et en nombre). Ceci permettra d'être mis en cache par le navigateur $(document).prêt de vous garder sans danger pour les autres éléments du dom qui ne sont pas chargés.

Créer quelque chose comme ceci:
```
<script src="js/rootNameSpace.js"></script>
<script src="js/jquery-min.js"></script>
<script src="js/ui.js"></script>
<script src="js/form.js"></script>

<script src="js/pages/some-page.js"></script>
```
some-page.js
```
$(document).ready(function(){
    console.dir(com);
    //call to function form.helloWorld1 
    com.relais.form.helloWorld1();
    com.relais.form.helloWorld2();
});
```
Une meilleure option serait de combiner les fichiers (Si elles sont communes à chaque page). rootNameSpace.js, jquery-min.js, ui.js, form.js dans un fichier de dire common.js. Vous pouvez utiliser Google Fermeture de le faire.
```
<script src="js/common.js"></script>
<script src="js/pages/some-page.js"></script>
```
Cette dernière option n'est utile que si les fichiers que vous incluez dans la commune sont vraiment commun. Vous ne pouvez pas supposer que d'info sur 1 page.
Ouais vous avez raison, je suppose qu'ils sont communs.

OriginalL'auteur Waqar Alamgir

Vous devez vous connecter pour publier un commentaire.

À l'égard des questions au sujet de rloader