getBoxObjectFor火狐专用的获取dom 的位置和大小

最新推荐文章于 2022-05-23 16:08:20 发布
原创 最新推荐文章于 2022-05-23 16:08:20 发布 · 645 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种针对火狐浏览器的特定元素定位方法，利用 getBoxObjectFor 接口获取元素的位置信息，并考虑了边框宽度对位置的影响。

火狐浏览器之元素定位
m0_61438798的博客
10-14 713
火狐浏览器查看版本 点击 查看 进行元素定位 在火狐浏览器空白处，右键 ，选择 Inspect in frpath 想要进到title 第一种方式 ： 用 //，后面直接跟 ,想要进的层级标签（title） 第二种： ...
Firefox getBoxObjectFor getBoundingClientRect联系
09-06
Firefox在含有flash的网页上提示：不建议使用 getBoxObjectFor() 。 请使用 element.getBoundingClientRect()。
firefox DOM Inspector 火狐 dom 查看器插件 天涯浪子
07-08
DOM Inspector是Mozilla Firefox的一个扩充套件，官方中文版上称之为DOM观察器，在安装Mozilla Firefox时，可以在自订安装中选择是否安装DOM Inspector，如果在安装Mozilla Firefox时没有选择自订安装以安装DOM Inspector，则可以在 Mozilla 的 DOM Inspector 网址进行安装。 Ajax应用程式中经常操作DOM Tree，您可以直接使用DOM Inspector来观察DOM Tree中对应於网页画面的哪个元件，执行Mozilla Firefox官方中文版的「工具/DOM观察器」，可以显示DOM Inspector视窗，在网址列输入网址，并按下「观察」按钮，即可开始观察DOM与网页的对应，对应的画面会以红色方框闪烁显示。 如果您想要找寻特定的DOM节点，则可以执行「搜寻/寻找节点」，搜寻的方式可以有依「Id」、「Tag」或「Attr」等来进行搜寻。 在找到想观察的节点后，可以在左边的窗格观察到该节点的各种属性，预设是显示JavaScript物件的各种属性，例如可在下图中，观察到onmouseover与onmouseoout的事件处理者分别是getBookData()与clearData()： 例如可以切换至DOM Node的检视模式，您也可以在某个属性上按右键「编辑」，直接改变某个DOM的属性值，像是改变src属性： 您甚至可以选定一个DOM节点，在JavaScript检视中，按右键「执行JavaScript」… 您还可以在 Introduction to the DOM Inspector 找到一些关於DOM Inspector的介绍。 安装方式：使用直接把该文件拖动到fifefox上或使用firefox-文件-打开-选择下载的文件-确定。。。即可
document.getBoxObjectFor
Focus-Fe
10-08 239
    document.getBoxObjectFor   -----关于这个api，可能很多人没有见过，今天看一些源码的时候看到的，简单记录一下。   可能以前老一点的脚本lib在判断ff的时候用的，但是3.6+后就不在支持这个特有的属性。 ...
Firefox在含有flash的网页上提示：不建议使用 getBoxObjectFor() 。 请使用 element.getBoundingClientRect()。
greenerycn的专栏
10-25 1442
在一个含有Flash的网页中插入Flash会提示： 警告： 不建议使用 getBoxObjectFor() 。 请使用 element.getBoundingClientRect()。经本人测试，确实是Firefox在含flash的网页上提示，还不知道原因，也没找到解决办法。Firefox版本：3.0.3Flash: 10.0html页面代码：html>body>object type="appl
通过JS动态创建一个html DOM元素并显示
10-25
对于Firefox等使用`getBoxObjectFor`方法的浏览器，调用该方法获取位置；对于不支持上述两种方法的浏览器，如旧版IE，通过遍历父级元素累加`offsetLeft`和`offsetTop`来计算位置。这个函数为后续可能需要的基于位置...
js获取div的位置坐标
05-19
此方法只适用于基于 Gecko 的浏览器（如 Firefox），它可以返回一个包含元素边框和内边距的 Box 对象。 ```javascript if (document.getBoxObjectFor) { // Gecko 浏览器 var box = document.getBoxObjectFor(el); ...
Js 获取、判断浏览器版本信息的简单方法
10-21
- Firefox浏览器中的DOM元素有一个getBoxObjectFor函数，可以用来获取DOM元素的位置和大小，此函数在Firefox浏览器中是特有的。 - Opera浏览器有一个专门的浏览器标志window.opera属性。 - Safari浏览器支持open...
js精确定位HTML标签的TOP和LEFT值
04-22
- 对于Gecko内核的浏览器（如Firefox），使用`getBoxObjectFor`方法获取位置信息。 - 对于Safari和Opera浏览器，则递归地累加所有祖先元素的偏移量。 4. **考虑父元素滚动**：考虑到父级元素可能存在滚动的情况，...
js判断浏览器类型,版本的代码(附多个实例代码)
12-04
Firefox具有一个特有的DOM方法`getBoxObjectFor`，可以用来获取元素的精确位置和尺寸。如果`document.documentElement.getBoxObjectFor`存在，则当前浏览器很可能是Firefox。Firefox的userAgent字符串中包含`Firefox...
Gecko DOM Reference(Firefox DOM参考手册)
12-19
Firefox 的DOM参考手册，这是从其官方站点下载的最新 PDF 版。
js火狐取本地绝对路径的方法
x6587305x的专栏
03-03 1586
来源：http://hi.baidu.com/ypxmaomao/blog/item/83dee50a800ef91694ca6b51.html http://www.cnblogs.com/hcbin/archive/2010/06/20/1761149.html 第一步：打开“about:config”页面，查找“signed.applets.codebase_principal_su
JavaScript判断浏览器类型及版本
LHHfp2013的博客
09-07 1079
你知道世界上有多少种浏览器吗？除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外，世界上还有近百种浏览器。 几天前，浏览器家族有刚诞生了一位小王子，就是Google推出的Chrome浏览器。由于Chrome出生名门，尽管他还是个小家伙，没有人敢小看他。以后，咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发...
浏览器的判断
weixin_30673715的博客
10-20 120
一、IE的语句判断 IE浏览器中的条件判断使用(if ie endif) <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-...
不同浏览器获取DOM元素的各种高度
热门推荐
前端小白的博客
02-28 1万+
HTML中高度和宽度的获取，跨浏览器兼容性，以及jQuery中操作
火狐浏览器获取Dom元素event.path属性不存在
qq_39585172的博客
05-23 960
因为列表做了左右拖拽滑动的功能，表头保留拖动修改列宽的功能，故只有列表内容拖动左右滑动，所以点击获取当前点击元素市需要判断是表头还是内容。 方法一：（不满足需要） event.path兼容性问题_吾昂王sun的博客-优快云博客_composedpath 方法二：（博主回答了方法一的不足） FireFox火狐浏览器Event.path属性不存在 - 知乎 主要代码： //以下composedPath方法就是具体的实现过程： composedPath (e) { // 存在则直接r
mark: firefox获取dom节点css属性
享受分享
11-24 732
https://developer.mozilla.org/En/DOM/Window.getComputedStyle以前写过一个笨方法来获取，ff自身就提供了一个方法（获取自firebug）html>    head>        style>        div {            border: 1px solid red;          }        #main {  
JavaScript 获取浏览器和操作系统信息的实现方法
Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1] elseif (window.MessageEvent&&!document.getBoxObjectFor) Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1] ``` 四、操作系统类型的判断 在获取IP地址的过程中，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值