L'exécution de code jQuery avant le DOM est prêt?

Est-il un moyen d'exécuter du code jQuery avant le DOM est prêt ?

Oui. Mais les parties qui interagissent avec le DOM ne fonctionne pas.
Oui, mais étant donné que jQuery est principalement destiné à modifier le DOM, pourquoi voudriez-vous?
voir:: stackoverflow.com/questions/4124765/...

OriginalL'auteur drake035 | 2012-09-26

  1. 17

    jQuery Javascript, donc la question est "Est-il possible d'exécuter JavaScript avant que le DOM est prêt" et avec ce que je devine que tu veux dire le document et pas DOM.

    Si l'on peut convenir que la question est "Est-il possible d'exécuter JavaScript avant que le document est prêt". Alors la réponse est oui. Le JavaScript est exécuté lorsque rencontrées.

    C'est pourquoi vous avez presque toujours voir $(function(){...})ou $(document).ready(function(){...}) parce que la plupart jQuery code exige que le document soit prêt, mais le code de fixer le gestionnaire d'événement est certainement exécuté avant que le document est prêt (sinon il ne serait pas en mesure de gérer le document prêt de l'événement).

    Habituellement, vous devez placer votre Javascript comprend au bas de votre code HTML, mais si vous voulez qu'il soit exécuté précédemment, vous pouvez il suffit de le placer plus haut dans le document, par exemple dans l'en-tête.

    <html>
  <head>
     ...
     <script>
        //place your code to be executed early here
     </script>
  </head>
...
</html>

    OriginalL'auteur Rune FS

  2. 3

    Si vous inclure jQuery dans la tête de votre document, puis d'écrire du code dans une autre balise script dans la tête, il sera exécuté avant que le DOM est prêt:

    <head>
    <script src="jquery.js"></script>
    <script>
        //Do some stuff before the DOM is ready
    </script>
</head>
<body>
    <!-- Browser hasn't got this far, so no elements will be available -->
</body>

    Cependant, bien évidemment, vous ne serez pas en mesure d'interagir avec tous les éléments du DOM, puisqu'ils ne existent pas encore.

    Cela dit, il est une technique que vous pouvez utiliser dans les navigateurs modernes qui peuvent vous permettre d'interagir avec des éléments du DOM comme ils sont insérés dans la page (alors que le navigateur est rendu). Il s'appuie sur l' CSS animation d'événements. J'ai écrit une simple bibliothèque (Progressive.js) pour rendre cela plus facile à manipuler.

    OriginalL'auteur James Allardice