<head>
<meta charset="utf-8">
<style>
body,div{margin:0;padding:0;border:0}
#div1{width:300px;height:200px;border:1px solid red;margin-left:50px}
</style>
</head>
<body>
<div id="div1">
div元素
</div>
<script type="text/javascript">
//获取元素
var div = documentgetElementById("div1");
//获取左边与父元素的距离
alert('左边距离是：' + divoffsetLeft + ' 像素');
//获取右边距离
alert('右边距离是：' + (screenwidth - divoffsetLeft - divoffsetWidth) + ' 像素');
</script>
</body>
1$(window)height();//是文档窗口高度；
2$("div")offset()top//是标签距离顶部高度（没有到下面的距离，比如$("div")offset()down）；
3$("div")offset()left//是标签距离右边高度（没有到下面的距离，比如$("div")offset()right）；
4$(document)scrollTop();//是滚动条高度；
5$("div")height();//是标签高度。
1jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
2jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件
以上就是关于js中如何获取某个元素到浏览器最左和最右的距离全部的内容，包括:js中如何获取某个元素到浏览器最左和最右的距离、jquery怎么获取元素距离屏幕的位置、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）