<

Fenêtre les propriétés screenX et screenY

.....

Définition et utilisation propriétés screenX et screenY

JavaScript cours tutorial

Les propriétés screenX et screenY renvoie les coordonnées x et y de la fenêtre par rapport à l'écran.

Syntaxe

window.screenX
window.screenY

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

Les propriétés screenX et screenshots sont prises en charge dans tous les principaux navigateurs, sauf Internet Explorer.

Remarque : pour  IE utiliser "window.screenLeft" et "window.screenTop".

Exemple Retourner les coordonnées x et y de la nouvelle fenêtre par rapport à l'écran :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
              <meta charset="UTF-8">
              <title>Exemple screenX etScreenY</title>
  <script>
  function ouvreFenetre()
  {
  maFenetre=window.open('','');
  maFenetre.document.write("<p>Ceci est maFenetre");
  maFenetre.document.write("<br>son ScreenX est: " +
  maFenetre.screenX);
  maFenetre.document.write(" px<br>et son ScreenY est: " +
  maFenetre.screenY + " px</p>");
  }
  </script>
  </head>
  <body>
  <input type="button" value="Ouvrir maFenetre'"
  onclick="ouvreFenetre()">
  </body>
  </html>

 
Par carabde 30 mars 2014

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    fonction crc32, crc32

    Calcule la somme de contrôle CRC32

    svg path

    Les chemin pour déssiner en SVG   partie 1 tracer des lignes droites et des formes en lignes droites

    Balise header

    Définit un en-tête d'un document ou de la section



    Rentabilisez efficacement votre site