JSP怎么获取浏览器宽度

JSP怎么获取浏览器宽度,第1张

jsp获取浏览器宽度是通过js来实现的。

JS 获取浏览器窗口大小

// 获取窗口宽度

if (windowsinnerWidth)

winWidth = windowsinnerWidth;

else if ((documentbody) && (documentbodyclientWidth))

winWidth = documentbodyclientWidth;

// 获取窗口高度

if (windowsinnerHeight)

winHeight = windowsinnerHeight;

else if ((documentbody) && (documentbodyclientHeight))

winHeight = documentbodyclientHeight;

// 通过深入 Document 内部对 body 进行检测,获取窗口大小

if (documentdocumentElement && documentdocumentElementclientHeight && documentdocumentElementclientWidth)

{

winHeight = documentdocumentElementclientHeight;

winWidth = documentdocumentElementclientWidth;

}

你可以用documentbodyscrollWidth

来获取,但兼容性本人没有做过测试。 给你个参考:网页可见区域宽:documentbodyclientWidth

网页可见区域高:documentbodyclientHeight

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

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

网页正文全文宽:documentbodyscrollWidth

网页正文全文高:documentbodyscrollHeight

网页被卷去的高:documentbodyscrollTop(IE7无效)

网页被卷去的左:documentbodyscrollLeft(IE7无效)网页被卷去的高:documentdocumentElementscrollTop(IE7有效)网页被卷去的左:documentdocumentElementscrollLeft(IE7有效)

网页正文部分上:windowscreenTop

网页正文部分左:windowscreenLeft

屏幕分辨率的高:windowscreenheight

屏幕分辨率的宽:windowscreenwidth

屏幕可用工作区高度:windowscreenavailHeight

屏幕可用工作区宽度:windowscreenavailWidth

相对于窗口左上角的X:windoweventclientX相对于窗口左上角的Y:windoweventclientY

相对于整个页面的X:windoweventX

相对于整个页面的Y:windoweventY

(function(){

var option ={"auto_play":"0","file_id":"16092504232103639705","app_id":"1251580615","width":screenwidth,"height":screenheight}; /调用播放器进行播放/

new qcVideoPlayer( /代码中的id_video_container将会作为播放器放置的容器使用,可自行替换/ "id_video_container", option ); })()

获取屏幕宽度为:windowscreenwidth

获取视口宽度(页面宽度):documentdocumentElementclientWidth

                windowaddEventListener('resize', function() {

                    consoleinfo( documentdocumentElementclientWidth);

                    consoleinfo( windowscreenwidth );

                });

<script type="text/javascript"> <!--

var winWidth = 0;

var winHeight = 0;

function findDimensions() //函数:获取尺寸

{

//获取窗口宽度

if (windowinnerWidth)

winWidth = windowinnerWidth;

else if ((documentbody) && (documentbodyclientWidth))

winWidth = documentbodyclientWidth;

//获取窗口高度

if (windowinnerHeight)

winHeight = windowinnerHeight;

else if ((documentbody) && (documentbodyclientHeight))

winHeight = documentbodyclientHeight;

//通过深入Document内部对body进行检测,获取窗口大小

if (documentdocumentElement && documentdocumentElementclientHeight &&

documentdocumentElementclientWidth)

{

winHeight = documentdocumentElementclientHeight;

winWidth = documentdocumentElementclientWidth;

}

//结果输出至两个文本框

documentform1availHeightvalue= winHeight;

documentform1availWidthvalue= winWidth;

}

findDimensions(); //调用函数,获取数值

windowonresize=findDimensions;

//-->

</script>

以上就是关于JSP怎么获取浏览器宽度全部的内容,包括:JSP怎么获取浏览器宽度、JS获取页面内容宽度各浏览器不一、js获取页面宽度和高度然后把值传给DIV等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9622384.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存