ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

หน้าต่าง screenX และ Screeny คุณสมบัติ

<หน้าต่างวัตถุ

ตัวอย่าง

กลับ x และ y พิกัดของหน้าต่างญาติใหม่ไปยังหน้าจอ:

var myWindow = window.open("", "myWin");
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY + "</p>");
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

screenX และ Screeny คุณสมบัติส่งกลับ x (horizontal) และ Y (vertical) พิกัดของหน้าต่างเทียบกับหน้าจอ


สนับสนุนเบราว์เซอร์

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

คุณสมบัติ
screenX ใช่ 9.0 ใช่ ใช่ ใช่
screenY ใช่ 9.0 ใช่ ใช่ ใช่

Tip: สำหรับ IE8 และก่อนหน้านี้คุณสามารถใช้ " window.screenLeft " และ " window.screenTop " แทน (See "More Examples")


วากยสัมพันธ์

window.screenX
window.screenY

รายละเอียดทางเทคนิค

กลับค่า: จำนวนคิดเป็นระยะทางแนวนอนและ / หรือแนวตั้งของหน้าต่างเทียบกับหน้าจอพิกเซล

ตัวอย่าง

ตัวอย่างอื่น ๆ

ตัวอย่าง

เปิดหน้าต่างใหม่ที่มีตำแหน่งที่ระบุไว้ด้านซ้ายและด้านบนและกลับพิกัด:

var myWindow = window.open("", "myWin", "left=700, top=350, width=200, height=100");
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY + "</p>");
ลองตัวเอง»

ตัวอย่าง

วิธีการแก้ปัญหาเบราว์เซอร์ครอส (using screenLeft and screenTop for IE8 and earlier) :

// Open a new window with a specified left and top position
var myWindow = window.open("", "myWin", "left=700, top=350, width=200, height=100");

/*
If the browser does not support screenX and screen Y,
use screenLeft and screenTop instead (and vice versa)
*/
var winLeft = myWindow.screenLeft ? myWindow.screenLeft : myWindow.screenX;
var winTop = myWindow.screenTop ? myWindow.screenTop : myWindow.screenY;

// Write the new window's x and y coordinates relative to the screen
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>Horizontal: " + winLeft);
myWindow.document.write("<br>Vertical: " + winTop + "</p>");
ลองตัวเอง»

<หน้าต่างวัตถุ