1. 程式人生 > >獲取網頁和瀏覽器視窗的寬度和高度

獲取網頁和瀏覽器視窗的寬度和高度

情況一:
// 獲取瀏覽器視窗可視區域的寬度  不包含滾動條
	var width=document.body.clientWidth;

// 獲取網頁內容的實際高度
	var height=document.body.clientHeight;
	console.log(width,height);
			
			
情況二:			
// 獲取瀏覽器視窗可視區域的寬度 包含滾動條
	var width=window.innerWidth;

// 獲取瀏覽器視窗可視區域的高度 
	var height=window.innerHeight;
	console.log(width,height);
	
情況三:		
// 獲取瀏覽器視窗可視區域的寬度  不包含滾動條
	var width=document.documentElement.clientWidth;

// 獲取瀏覽器視窗可視區域的高度 
	var height=document.documentElement.clientHeight;
	console.log(width,height);