Näytön, nykyisen verkkosivun ja selainikkunan koon hakeminen.

Miten saan windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY, jotka toimivat kaikissa yleisimmissä selaimissa?

1

GISKid
Muokattu kysymysT22 maaliskuu 2017 в 8:38
Ohjelmointi
cross-browser javascript jquery layout
T00 elokuu 2010 в 6:28
22 näkymät
Ratkaisu

Voit saada ikkunan tai asiakirjan koon jQueryn avulla:

// Size of browser viewport.
$(window).height();
$(window).width();

// Size of HTML document (same as pageHeight/pageWidth in screenshot).
$(document).height();
$(document).width();

Näytön kokoa varten voit käyttää screen -objektia:

window.screen.height;
window.screen.width;
Ankit Jaiswal
Muokattu vastausta T00 syyskuu 2019 в 4:18
Kommentit (21)

Tässä on kaikki, mitä sinun tarvitsee tietää: Hae näkymäikkuna/ikkunan koko 1

mutta lyhyesti:

var win = window,
    doc = document,
    docElem = doc.documentElement,
    body = doc.getElementsByTagName('body')[0],
    x = win.innerWidth || docElem.clientWidth || body.clientWidth,
    y = win.innerHeight|| docElem.clientHeight|| body.clientHeight;
alert(x + ' × ' + y);

Viulu

Lopeta tämän vastauksen muokkaaminen. Eri ihmiset ovat muokanneet sitä nyt 20 kertaa vastaamaan heidän haluamaansa koodimuotoa. On myös huomautettu, että tätä ei tarvita, jos haluat kohdistaa koodin vain nykyaikaisiin selaimiin - jos näin on, tarvitset vain seuraavaa:

const width  = window.innerWidth || document.documentElement.clientWidth || 
document.body.clientWidth,
const height = window.innerHeight|| document.documentElement.clientHeight|| 
document.body.clientHeight;

console.log(width, height);
sidonaldson
Muokattu vastausta T00 syyskuu 2019 в 1:56
Kommentit (14)
 
function wndsize(){
  var w = 0;var h = 0;
  //IE
  if(!window.innerWidth){
    if(!(document.documentElement.clientWidth == 0)){
      //strict mode
      w = document.documentElement.clientWidth;h = document.documentElement.clientHeight;
    } else{
      //quirks mode
      w = document.body.clientWidth;h = document.body.clientHeight;
    }
  } else {
    //w3c
    w = window.innerWidth;h = window.innerHeight;
  }
  return {width:w,height:h};
}
function wndcent(){
  var hWnd = (arguments[0] != null) ? arguments[0] : {width:0,height:0};
  var _x = 0;var _y = 0;var offsetX = 0;var offsetY = 0;
  //IE
  if(!window.pageYOffset){
    //strict mode
    if(!(document.documentElement.scrollTop == 0)){offsetY = document.documentElement.scrollTop;offsetX = document.documentElement.scrollLeft;}
    //quirks mode
    else{offsetY = document.body.scrollTop;offsetX = document.body.scrollLeft;}}
    //w3c
    else{offsetX = window.pageXOffset;offsetY = window.pageYOffset;}_x = ((wndsize().width-hWnd.width)/2)+offsetX;_y = ((wndsize().height-hWnd.height)/2)+offsetY;
    return{x:_x,y:_y};
}
var center = wndcent({width:350,height:350});
document.write(center.x+';<br>');
document.write(center.y+';<br>');
document.write('<DIV align="center" id="rich_ad" style="Z-INDEX: 10; left:'+center.x+'px;WIDTH: 350px; POSITION: absolute; TOP: '+center.y+'px; HEIGHT: 350px"></div>');
Jonatas Walker
Muokattu vastausta T11 marraskuu 2015 в 7:31
Kommentit (0)