如何获取元素距离页面顶部的高度

1、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。

2、在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。

3、得到的结果是一个数组对象，只要获取里面的top数据就行了。

4、使用log方法，把数据输出到浏览器的控制台。

5、运行页面，看到现在的按钮位置。距离顶部估计是500px左右吧，点击一下这个按钮。

6、然后看一下控制台上的数据，得到距离为439的像素。

网页可见区域宽： documentbodyclientWidth

网页可见区域高： documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)

网页可见区域高： documentbodyoffsetHeight (包括边线的高)

网页正文全文宽： documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高： documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上： windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高： windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度： windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

--------------这种问题网上一搜一大把，关键是要理解其中JS获取的原理----------

function getDocHeight(doc)

{

//在IE中docbodyscrollHeight的可信度最高

//在Firefox中，docheight就可以了

var docHei = 0;

var scrollHei;//scrollHeight

var offsetHei;//offsetHeight，包含了边框的高度

if (docheight)

{

//Firefox支持此属性，IE不支持

docHei = docheight;

}

else if (docbody)

{

//在IE中，只有bodyscrollHeight是与当前页面的高度一致的，

//其他的跳转几次后就会变的混乱，不知道是依照什么取的值！

//似乎跟包含它的窗口的大小变化有关

if(docbodyoffsetHeight) docHei = offsetHei = docbodyoffsetHeight;

if(docbodyscrollHeight) docHei = scrollHei = docbodyscrollHeight;

}

else if(docdocumentElement)

{

if(docdocumentElementoffsetHeight) docHei = offsetHei = docdocumentElementoffsetHeight;

if(docdocumentElementscrollHeight) docHei = scrollHei = docdocumentElementscrollHeight;

}

/

docHei = Mathmax(scrollHei,offsetHei);//取最大的值，某些情况下可能与实际页面高度不符！

/

return docHei;

}

1 打开Excel dim myexcelas new ExcelApplication() myexcelvisible=true

2 添加新的工作簿myexcelWorkbooksadd()

3 设定第二个工作表为活动工作表myexcelworksheets(2)Acivate()

4 打开指定的Excel文件myexcelworkbooksopen(“c:\myxls”)

5 显示Excel窗口myexcelvisible=true

6 更改Excel的标题栏myexcelcaption=“欢迎,欢迎!”

7 为Excel的单元格赋值myexcelcells(1,4)value=100 此语句使Excel当前工作表的第一行第四列,即D1单元格等于100, 也可以这样写: myexcelRange(“D1”)value=100

8 设置指定列的宽度(单位:字符个数)myexcelActiveSheetcolums(1)columnwidth=20 设定当前工作表第1列的宽度为20

9 设置指定行的高(单位:磅)myexcelActiveSheetrows(1)rowHeight=1/0035 1磅 =0035厘米设置第1行的高度为1CM

10 插入分页符 myexcelActivesheetrows(20)pagebreak=1在第20行前插入分页符

11 删除分页符myexcelActivesheetcolumns(20)pagebreak=0 在第20列前删除分页符

12 指定边框线的宽度myexcelActivesheetrange(“B3:D3”)borders(1)weight=3 其中borders参数指定单元格边框的位置:1:左 2:右 3:顶 4:底 5:斜\ 6:斜/

13 指定边框线条的类型 myexcelActivesheetrange(“B1:D3”)borders(2)linestyle=1此语句将当前工作表的B1:D3单元格的右边框设置为实线 linestyle参数: 1:细实线 2:细虚线 3:点虚线 4:双细实线

14 设置页脚myexcelactivesheetpagesetupcenterfooter=“第&p页” 注意:设置页眉页脚时要保证计算机上装有打印机,否则出错!

15 设置页眉myexcelactivesheetpagesetupcenterfooter=“第&p页”

16 设置页眉到顶断距离为2cmmyexcelActivesheetpagesetupHeadermargin=2/0035

17 设置页脚到底端距离为2cmmyexcelActivesheetpagesetupFootermargin=2/0035

18 设置顶边边距为2cmmyexcelActivesheetpagesetuptopmargin=2/0035

19 设置底边边距为2cmmyexcelActivesheetpagesetupBottommargin=2/0035

20 设置左边边距为2cmmyexcelActivesheetpagesetupLeftmargin=2/0035

21 设置右边边距为2cmmyexcelActivesheetpagesetupRightmargin=2/0035

22 设置页面水平居中myexcelactivesheetpagesetupCenterHorizontally=true

23 设置页面垂直居中myexcelactivesheetpagesetupCentervertically=true

24 设置页面纸张大小 (1,窄行8511 ;39 ,宽行1411) myexcelactivesheetpagesetuppapersize=1

25 打印单元格网格线 myexcelactivesheetpagesetupPrintGridlines=true

26 复制整个工作表 myexcelactivesheetUsedrangeCopy

27 复制指定区域 myexcelactivesheetrange(“a1:b5”)Copy

28 粘贴 myexcelworksheets(“sheet2”)range(“A1”)PasteSpecial

29 在第2行前插入一行 myexcelactivesheetrows(2)Insert

30 在第2列前插入一列 myexcelActivesheetColumns(2)Insert

31 合并 C4:D4 单元格 myexcelActivesheetRange(“C4:D4”)Merge()

32 自动调整第2列列宽 myexcelactivesheetColumns(2)AutoFit

33 设置字体myexcelActivesheetcells(2,1)fontname=“黑体”

34 设置字体大小myexcelActivesheetcells(2,1)fontsize=25

35 设置字体为斜体 myexcelActivesheetcells(2,1)fontItalic=true

36 设置字体为粗体 myexcelActivesheetcells(2,1)fontBold=true

37 清除单元格内容myexcelactivesheetcells(2,1)ClearContents

38 打印预览工作表myexcelActivesheetPrintPreview

39 打印工作表 myexcelActivesheetPrintout

40 工作表另存为myexcelActiveWorkbooksaveas(“C:\book2xls”)

41 放弃存盘 myexcelActiveWorkbooksaved=false

42 关闭工作簿 myexcelWorkbooksclose

43 退出 Excel myexcelquit

44 纸张横向：myexcelactivesheetPageSetupOrientaTion=2（1纵向）

45 单元格居中：cells(2,1)HorizontalAlignment=ExcelXlHAlignxlHAlignCenter 水平方向cells(2,1)VerticalAlignment=ExcelXlVAlignxlVAlignCenter 垂直方向

打开CSDN APP，看更多技术内容

VB调用Excel软件实现打印预览功能

摘要:VB源码,报表打印,打印预览VB调用Excel软件实现打印预览功能，可以插入折线图，VB打印预览功能示例源码，分享给大家参考。

用vb *** 作EXCEL打印报表

最近使用vb来打印报表,打印出来的EXCEL一直无法上传到ftp 反复多次问题都没解决, 200 PORT command successful Consider using PASV 问题出在这,由于win10的防火墙的原因,关闭防火墙后问题得到解决 转载于:>

javascript里面documentbody的clientWidth、clientHeight、offsetWidth  、offsetHeight 等属性可以获得网页可见区域的宽和高，window和windowscreen也有一些相关属性，例子代码如下：

<body><SCRIPT LANGUAGE="JavaScript">

var  s = "";

s += "\r\n网页可见区域宽："+ documentbodyclientWidth;

s += "\r\n网页可见区域高："+ documentbodyclientHeight;

s += "\r\n网页可见区域宽："+ documentbodyoffsetWidth  +" (包括边线和滚动条的宽)";

s += "\r\n网页可见区域高："+ documentbodyoffsetHeight +" (包括边线的宽)";

s += "\r\n网页正文全文宽："+ documentbodyscrollWidth;

s += "\r\n网页正文全文高："+ documentbodyscrollHeight;

s += "\r\n网页被卷去的高："+ documentbodyscrollTop;

s += "\r\n网页被卷去的左："+ documentbodyscrollLeft;

s += "\r\n网页正文部分上："+ windowscreenTop;

s += "\r\n网页正文部分左："+ windowscreenLeft;

s += "\r\n屏幕分辨率的高："+ windowscreenheight;

s += "\r\n屏幕分辨率的宽："+ windowscreenwidth;

s += "\r\n屏幕可用工作区高度："+ windowscreenavailHeight;

s += "\r\n屏幕可用工作区宽度："+ windowscreenavailWidth;

s += "\r\n你的屏幕设置是 "+ windowscreencolorDepth +" 位彩色";

s += "\r\n你的屏幕设置 "+ windowscreendeviceXDPI +" 像素/英寸";

alert(s);

</SCRIPT>

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

<body>

<p id="demo"></p>

<script>

var w=windowinnerWidth

|| documentdocumentElementclientWidth

|| documentbodyclientWidth;

var h=windowinnerHeight

|| documentdocumentElementclientHeight

|| documentbodyclientHeight;

x=documentgetElementById("demo");

xinnerHTML="浏览器的内部窗口宽度：" + w + "，高度：" + h + "。"

</script>

</body>

如果要获取高度，在上面增加

_webviewdelegate = self;

再增加方法

- (void)webViewDidFinishLoad:(UIWebView )webView

{

//在这个方法中取高度

}

以上就是关于如何获取元素距离页面顶部的高度全部的内容，包括:如何获取元素距离页面顶部的高度、如何通过JS获取指定页面的高度、怎么监测当前页面相对于整个页面的高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！