Windows data recovery software full version free download

  • Mac data recovery software full version free download

  •   Le processus de création de pages Web, vous devez parfois conna?tre l''emplacement exact d''un élément sur une page.

      Le tutoriel suivant résume le positionnement de la page Javascript connaissance.

      Une taille, la taille de la page et la fenêtre du navigateur

      Tout d''abord, nous devons dégager deux concepts de base.

      Tous zone d''une page, est sa taille.En règle générale, la taille de page est déterminée par les feuilles de style CSS et contenu.

      Taille de la fenêtre du navigateur, cela signifie qu''une partie de la zone de la page dans une fenêtre de navigateur pour voir, également appelée fenêtre (viewport).

      De toute évidence, si le contenu de la page peut afficher toute la fenêtre du navigateur (qui est, pas de barre de défilement appara?t), la taille de la page et la taille de la fenêtre du navigateur est égale.Si vous ne pouvez pas montrer tous, vous faites défiler la fenêtre du navigateur, vous pouvez afficher les différentes parties d''une page Web.

      En second lieu, obtenir la taille de la page

      Chaque élément de la page, et la propriété clientWidth a clientHeight.Ces deux propriétés se réfère au contenu de certains éléments, plus formate la zone occupée par le visuel, non compris l''espace occupé par les frontières et les barres de défilement.

      

      (figure propriétés clientWidth et un clientHeight)

      Par conséquent, la propriété clientHeight et clientWidth de l''élément de document représente la taille de la page.

      Copiez le code est le suivant:

      getViewport fonction () {

      si (document.CompatMode de "BackCompat") {

      revenir {

      largeur: Document.corps.clientWidth,

      hauteur: documents.corps.clientHeight

      }

      } Autre {

      revenir {

      largeur: Document.documentElement.clientWidth,

      hauteur: documents.documentElement.clientHeight

      }

      }

      }

      GetViewport fonction ci-dessus peut revenir à la hauteur et la largeur de la fenêtre du navigateur.Lors de l''utilisation, il y a trois choses à noter:

      1) Cette fonction doit être à courir après chargement de la page est terminée, sinon l''objet document n''a pas généré, le navigateur se plaindra.

      2) Dans la plupart des cas, tous les documents.documentElement.ClientWidth renvoyer la valeur correcte.Cependant, le mode de bizarreries de IE6, le document.corps.ClientWidth renvoyer la valeur correcte, donc la fonction ajoutée au mode de document est déterminé.

      3) clientWidth et clientHeight sont l''attribut lecture seule, ne peut leur être attribué.

      En troisième lieu, une autre méthode pour obtenir la taille de la page Web

      Chaque élément également des propriétés scrollHeight et scrollWidth sur la page, se référant à la zone visuelle contient des barres de défilement, y compris l''élément.

      Ensuite, l''objet document scrollHeight scrollWidth attributs et la taille de la page est, signifie que toute la longueur et la largeur du rouleau de barre de défilement sur.

      Modelé fonction getViewport () peut écrire la fonction getPagearea ().

      Copiez le code est le suivant:

      getPagearea fonction () {

      si (document.CompatMode de "BackCompat") {

      revenir {

      largeur: Document.corps.scrollWidth,

      hauteur: documents.corps.scrollHeight

      }

      } Autre {

      revenir {

      largeur: Document.documentElement.scrollWidth,

      hauteur: documents.documentElement.scrollHeight

      }

      }

      }

      Cependant, cette fonction a un problème.Si tout le contenu Web peut être affiché dans une fenêtre du navigateur, les barres de défilement ne semblent pas, la page doit être égale clientWidth et scrollWidth.Mais en fait, les différents navigateurs ont un traitement différent, ces deux valeurs ne sont pas égaux.Donc, nous devons prendre la plus grande de la valeur d''entre eux, et donc réécrite fonction getPagearea ().

      Copiez le code est le suivant:

      getPagearea fonction () {

      si (document.CompatMode de "BackCompat") {

      revenir {

      largeur: Math.max (document.corps.scrollWidth,

      document.corps.clientWidth),

      Hauteur: Math.max (document.corps.scrollHeight,

      document.corps.clientHeight)

      }

      } Autre {

      revenir {

      largeur: Math.max (document.documentElement.scrollWidth,

      document.documentElement.clientWidth),

      Hauteur: Math.max (document.documentElement.scrollHeight,

      document.documentElement.clientHeight)

      }

      }

      }

      Quatrièmement, obtenir la position absolue des éléments de la page

      La position absolue des éléments de page, voir le coin supérieur gauche des coordonnées de l''élément par rapport à l''ensemble du coin supérieur gauche de la page.C''est certainement où vous voulez passer afin de calculer.

      Tout d''abord, tous les éléments et la propriété offsetTop offsetLeft, représente la distance entre le coin supérieur gauche et au coin supérieur gauche de l''élément de conteneur parent (l''objet offsetParent).Par conséquent, seules deux valeurs sont accumulées, vous pouvez obtenir les coordonnées absolues de l''élément.

      

      (Figure 2 et offsetTop propriété offsetLeft)

      Les deux fonctions suivantes peuvent être utilisées pour obtenir la position absolue de l''abscisse et l''ordonnée.

      Copiez le code est le suivant:

      fonction getElementLeft (élément) {

      var = actualLeft élément.offsetLeft;

      courant var = élément.offsetParent;

      while (courant !== NULL) {

      actualLeft + = courant.offsetLeft;

      current = courant.offsetParent;

      }

      retourner actualLeft;

      }

      fonction getElementTop (élément) {

      var = actualTop élément.offsetTop;

      courant var = élément.offsetParent;

      while (courant !== NULL) {

      actualTop + = courant.offsetTop;

      current = courant.offsetParent;

      }

      retourner actualTop;

      }

      Etant donné que la table et le iframe, l''objet conteneur parent offsetParent ne correspondra pas nécessairement à, les fonctions et les tableaux ci-dessus pour l''élément iframe NA.

      Cinquièmement, pour obtenir la position relative des éléments de la page

      La position relative des éléments de page, désigne les coordonnées du coin supérieur gauche de l''élément par rapport à l''angle supérieur gauche de la fenêtre du navigateur.

      Avec la position absolue dans l''avenir, il est facile d''obtenir la position relative, tant que les coordonnées absolues de la barre de défilement pour faire défiler la page moins la distance sur elle.Barre de défilement pour faire défiler la distance verticale est des attributs scrollTop objet de document; barre de défilement horizontale pour faire défiler les attributs de distance scrollLeft objet de documents.

      

      (Figure 3 et scrollLeft propriétés scrollTop)

      La partie supérieure de deux fonctions réécrite correspondant:

      Copiez le code est le suivant:

      fonction getElementViewLeft (élément) {

      var = actualLeft élément.offsetLeft;

      courant var = élément.offsetParent;

      while (courant !== NULL) {

      actualLeft + = courant.offsetLeft;

      current = courant.offsetParent;

      }

      si (document.CompatMode de "BackCompat") {

      var = elementScrollLeft documents.corps.scrollLeft;

      } Autre {

      var = elementScrollLeft documents.documentElement.scrollLeft;

      }

      retourner actualLeft-elementScrollLeft;

      }

      fonction getElementViewTop (élément) {

      var = actualTop élément.offsetTop;

      courant var = élément.offsetParent;

      while (courant !== NULL) {

      actualTop + = courant. offsetTop;

      current = courant.offsetParent;

      }

      si (document.CompatMode de "BackCompat") {

      var = elementScrollTop documents.corps.scrollTop;

      } Autre {

      var = elementScrollTop documents.documentElement.scrollTop;

      }

      retourner actualTop-elementScrollTop;

      }

      propriétés scrollTop scrollLeft et peuvent être affectés, et défileront automatiquement et immédiatement à la position appropriée, afin qu''ils puissent être utilisés pour modifier la position relative des éléments de la page.De plus, l''élément.méthode scrollIntoView () a un effet similaire, vous pouvez faire des éléments de page apparaissent dans le coin supérieur gauche de la fenêtre du navigateur.

      Six moyen rapide pour obtenir la position de l''élément

      En plus de la fonction ci-dessus, il existe une méthode rapide, la position des éléments de page peut être obtenue immédiatement.

      C''est d''utiliser la méthode getBoundingClientRect ().Elle retourne un objet qui contient la gauche, droite, haut, quatre attributs de fond, correspondant respectivement à la distance du coin supérieur gauche et inférieur droit de l''élément par rapport à (la fenêtre) du coin supérieur gauche de la fenêtre du navigateur.

      Par conséquent, la position relative des éléments de page est

      Copiez le code est le suivant:

      var X = cette.getBoundingClientRect ().la gauche;

      var Y = Cette.getBoundingClientRect ().Haut;

      De plus la distance de roulement, vous pouvez obtenir la position absolue

      Copiez le code est le suivant:

      var X = cette.getBoundingClientRect ().Document gauche +.documentElement.scrollLeft;

      var Y = Cette.getBoundingClientRect ().Document top +.documentElement.scrollTop;

      à l''heure actuelle, IE, Firefox 3.0 +, Opera 9.5+ soutenir cette méthode, tandis que Firefox 2.x, Safari, Chrome, Konqueror est pas pris en charge.

      Vous pouvez également être intéressé par l''article: obtenir la position des éléments de page avec le code Javascript JAVASCRIPT obtenir la position précise de l''enfant iFrame JavaScript éléments page obtenir le code d''un élément sur la page pour obtenir la page parent des éléments de la page et les méthodes JS JQUERY obtenir la taille de la page, les barres de défilement position, la position de l''élément (exemple de code) javascript Jquery procédé de réalisation pour obtenir les valeurs des éléments iframe récupérés éléments de page JS Dom méthode élément iframe pour obtenir une page dans la page de décalage des éléments de page de résumé Js et Jq acquisition des valeurs et des méthodes différences de contraste

    élément de la page Javascript avec l''acquisition de l''emplacement spécifique

    Recommend Article: