Comment faire pour Exécuter un jQuery ou JavaScript Avant de Commencer à Charger la Page

J'ai un script que je veux lancer avant que la page de démarrage pour charger. Le script vérifie la valeur d'une variable et en fonction de la valeur de rediriger l'utilisateur vers une nouvelle page.

Je peux réussir à contrôler la variable et de réorienter, si nécessaire, mais la page se charge et affichage de la page vide, mais a rapidement redirige vers une autre page. Je ne veux pas que la page vide pour être affiché sur la page avant la redirection.

Merci,
Ver

Ce ne serait pas un problème si vous avez utilisé un de script côté serveur (comme php) pour faire de la redirection.
Comment faites-vous en ce moment?

InformationsquelleAutor Ver | 2010-10-14

javascript jquery

10
```
<head>
  <script>
    if(condition){
      window.location = "http://yournewlocation.com";
    }
  </script>
</head>
<body>
  ...
</body>
```
Cela va forcer la vérification de l'état et le changement de l'url de l'emplacement avant que la page ne rend rien. Il est intéressant de noter que vous ne voulez le faire avant l'appel à la librairie jQuery de sorte que vous pouvez éviter tous que le chargement de bibliothèques. Certains peut dire aussi que ce serait mieux placé dans un wrapper de la méthode et l'a appelé alors voici la méthode:
```
function redirectHandler(condition, url){
  if(condition){
    window.location = url;
  }else{
    return false;
  }
}
```
Qui vous permettra de vérifier plusieurs conditions et les rediriger vers des sites différents en fonction de celle-ci:
```
if(redirectHandler(nologgedin, "/login.php")||redirectHandler(adminuser, "/admin.php"));
```
ou si vous avez seulement besoin qu'il fonctionne une fois et une seule fois, mais vous aimez avoir rien dans l'espace de noms global:
```
(function(condition, url){
  if(condition)window.location=url;
})(!loggedin, "/login.asp");
```
InformationsquelleAutor Gabriel
10

Cacher le corps avec du css alors montrer après le chargement de la page:

CSS:
```
html { visibility:hidden; }
```
Javascript
```
$(document).ready(function() {
  document.getElementsByTagName("html")[0].style.visibility = "visible";
});
```
La page sera de vierge à montrer tout le contenu lorsque la page est chargée, pas de flash de contenu, pas de regarder les images se chargent etc.

InformationsquelleAutor hawkeye126
8

Ne pas utiliser $(document).prêt() vient de mettre le script directement dans la section head de la page. Les Pages sont traitées de haut en bas donc les choses en haut sont traitées en premier.

InformationsquelleAutor liammclennan
7

Peut-être que vous utilisez:
```
$(document).ready(function(){
   //Your code here
 });
```
Essayez plutôt ceci:
```
window.onload = function(){  }
```
- Oui, je suis en utilisant $(document).ready(function(){ // Votre code ici }); cette fonction. Est-Il possible de le faire en javascript
- Code dans $(document).ready() est exécuté une fois que votre page est lue, mais avant d'actifs supplémentaires (par exemple, des images) sont terminé le téléchargement. Vous est voir quelque chose sur l'écran avant de scripts enveloppé dans $(document).ready() sont exécutés.
InformationsquelleAutor Trufa
6

Si vous ne voulez pas quelque chose à afficher avant la redirection, alors vous aurez besoin d'utiliser certains côté serveur de script pour accomplir la tâche avant que la page est servi. La page a déjà commencé à charger par le temps que votre Javascript est exécuté sur le côté client.

Si Javascript est votre seule option, votre meilleur le meilleur est de faire de votre script de la première .fichier js inclus dans le <head> de votre document.

Au lieu de Javascript, je vous recommande la configuration de votre logique de redirection dans votre Apache ou nginx configuration du serveur.
- Apache mod_rewrite documentation
- nginx est HttpRewriteModule documentation
InformationsquelleAutor Blackcoat
2

Cela devrait faire l'affaire:
```
window.onload = function(event) {
    event.stopPropagation(true);
    window.location.href="http://www.google.com";
};
```
Bonne chance 😉
- La charge événement se déclenche à la fin du document processus de chargement, y compris son contenu (images, css, scripts, etc.).
InformationsquelleAutor Leandro
1

Essayer de le décharger de l'événement. L'événement unload est envoyé à l'élément de fenêtre lorsque l'utilisateur quitte la page.
```
$( window ).unload(function() {
    //do something
});
```
InformationsquelleAutor Victor Jatobá

Vous devez vous connecter pour publier un commentaire.