js獲取內容層內容原始尺寸捲軸高度頁面實際大小

最後更新：2017-08-24 來源：互聯網

上載者：User

關鍵字網頁製作 Ajax JavaScript

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

這裡提供三種js函數，分頁是獲取內容層內容原始尺寸獲取捲軸的高度獲取頁面實際大小的js代碼哦。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "HTTP://www.w3.org/tr/xhtml1/dtd/ xhtml1-transitional.dtd">

<html xmlns="HTTP://www.w3.org/1999/xhtml">

<head>

<meta HTTP-equiv="content-type" content="text/html; charset=gb2312" />

<title>js獲取內容層內容原始尺寸捲軸高度頁面實際大小</title>

<script language="網頁特效">

獲取內容層內容原始尺寸

function getconsize(conid){

var conobj=document.getelementbyid(conid)

conobj.style.position = "absolute";

conobj.style.left=-1000+"px";

conobj.style.display="";

var arrayconsize=[conobj.offsetwidth,conobj.offsetheight]

conobj.style.display="none";

return arrayconsize;

}

function insertafter(newelement,targetelement){//插入

var parent = targetelement.parentnode;

if(parent.lastchild == targetelement){

parent.appendchild(newelement);

}

else{

parent.insertbefore(newelement,targetelement.nextsibling);

}

}

//獲取捲軸的高度

function getpagescroll(){

var yscroll;

if (self.pageyoffset) {

yscroll = self.pageyoffset;

} else if (document.documentelement && document.documentelement.scrolltop){

yscroll = document.documentelement.scrolltop;

} else if (document.body) {

yscroll = document.body.scrolltop;

}

arraypagescroll = new array('',yscroll)

return arraypagescroll;

}

//獲取頁面實際大小

function getpagesize(){

var xscroll,yscroll;

if (window.innerheight && window.scrollmaxy){

xscroll = document.body.scrollwidth;

yscroll = window.innerheight + window.scrollmaxy;

} else if (document.body.scrollheight > document.body.offsetheight){

sscroll = document.body.scrollwidth;

yscroll = document.body.scrollheight;

} else {

xscroll = document.body.offsetwidth;

yscroll = document.body.offsetheight;

}

var windowwidth,windowheight;

//var pageheight,pagewidth;

if (self.innerheight) {

windowwidth = self.innerwidth;

windowheight = self.innerheight;

} else if (document.documentelement && document.documentelement.clientheight) {

windowwidth = document.documentelement.clientwidth;

windowheight = document.documentelement.clientheight;

} else if (document.body) {

windowwidth = document.body.clientwidth;

windowheight = document.body.clientheight;

}

var pagewidth,pageheight

if(yscroll < windowheight){

pageheight = windowheight;

} else {

pageheight = yscroll;

}

if(xscroll < windowwidth) {

pagewidth = windowwidth;

} else {

pagewidth = xscroll;

}

arraypagesize = new array(pagewidth,pageheight,windowwidth,windowheight)

return arraypagesize;

}

</script>

</head>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More