Javascript Girl
  1. Javascript Girl
  3. Document.ready vs document.onLoad
Intereting Posts
Comprendre la portée mondiale et locale en Javascript Modifiez la valeur sélectionnée d'une liste déroulante avec jQuery Surveillez-vous un événement de création de propriété? Questions concernant Request Animation Frame Comment convertir le chemin de fichier local vers un fichier ::? / Url en toute sécurité dans node.js? Existe-t-il un support de navigateur intégré pour les nombres aléatoires cryptographiques dans IE et Webkit? Firefox a window.crypto Script Apps – Supprime automatiquement les fichiers de Google Drive plus de 3 jours – Obtenez une liste de fichiers Qu'est ce qu'une extension légère de script / jQuery qui implémente un diviseur compressible? Héritage JavaScript et la propriété constructeur OnComplete et onCompleteAll événements n'ayant pas déclenché lors de l'utilisation de Uploadify Comment décaler le texte visible dans un élément d'entrée étroit pour voir le curseur à la fin? Comment puis-je obtenir une liste des différences entre deux graphiques d'objets JavaScript? Changer l'image dans le bouton sur le clic Charger l'Iframe en fonction de l'épaisseur de l'écran JQuery – Prévention par défaut, puis continuer par défaut

Document.ready vs document.onLoad

Je me demande quel est le bon pour exécuter le code js qui calcule la hauteur du menu vertical en fonction de la hauteur de la fenêtre et le met à l'heure, pas tard, pas tôt.

J'utilise document.ready mais cela ne m'a pas vraiment aidé, il ne se configure pas parfois, je dois recharger la page, mais ça marche, mais pas sur la première charge.

Comment résoudre ce problème?

Voici mon code: 

 $(document).ready(function(){ var winh = document.body.clientHeight; var footer = document.getElementById('footer').offsetHeight; document.getElementById('sidebar').style.height = winh - 5/2*footer + 'px'; document.getElementById('sidebar').style.marginBottom = footer + 'px'; $(window).resize(function(){ var winh = document.body.clientHeight; var footer = document.getElementById('footer').offsetHeight; document.getElementById('sidebar').style.height = winh - 5/2*footer + 'px'; document.getElementById('sidebar').style.marginBottom = footer + 'px'; }); });

prêt

Lorsque vous exécutez le code lorsque le document est prêt, cela signifie que le DOM est chargé – mais pas comme des images. Si les images affectent la hauteur et l'largeur et que la balise d'image n'a pas de réglage de largeur et de hauteur, la liste n'est pas le choix pour vous, sinon c'est probablement.

en charge

Cela inclut les images – donc tout sera chargé. Cela signifie qu'il se déclenche un peu plus tard.

tous les deux 

 var calculateSize = function () { var winh = document.body.clientHeight; var footer = document.getElementById('footer').offsetHeight; document.getElementById('sidebar').style.height = winh - 5/2*footer + 'px'; document.getElementById('sidebar').style.marginBottom = footer + 'px'; } $(document).ready(function(){ calculateSize(); $(window).resize(calculateSize); }); window.onload = calculateSize ;