Firefox getBoxObjectFor getBoundingClientRect联系
在一个含有Flash的网页中插入Flash会提示:
警告: 不建议使用 getBoxObjectFor() 。 请使用 element.getBoundingClientRect()。
经本人测试,确实是Firefox在含flash的网页上提示,还不知道原因,也没找到解决办法。
Firefox版本:3.0.3
Flash: 10.0
html页面代码:
代码如下:
<html>
<body>
<object type="application/x-shockwave-flash" data="Inc/images/clock.swf" width="400" height="400">
<param name="movie" value="Inc/images/clock.swf" />
<param name="wmode" value="transparent">
</object>
</body>
</html>
相关推荐
-
浅谈Sticky组件的改进实现
在上一篇文章使用getBoundingClientRect方法实现简洁的sticky组件的方法介绍了一个sticky组件的简洁实现,经过这两天的思考,发现上次提供的实现还有较多不足的地方,另外跟别的网站上实现的效果在取消固定的时候也有一些不同,上次提供的取消固定的处理方式不好,本文在上文的基础上,提供一个改进版的sticky组件,功能更加完善,希望您有兴趣阅读. 1. 旧版本的问题 上一个sticky组件的实现中,有多个问题存在: 第一,从sticky的效果上来说,sticky元素在固定前后,不
-
获取元素距离浏览器周边的位置的方法getBoundingClientRect
复制代码 代码如下: var box = document.getElementById( "gaga1" ); /* alert( box.getBoundingClientRect().top ); alert( box.getBoundingClientRect().right ); alert( box.getBoundingClientRect().bottom ); alert( box.getBoundingClientRect().left ) */ function
-
各种常用浏览器getBoundingClientRect的解析
先上测试代码 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
javascript 获取元素位置的快速方法 getBoundingClientRect()
它返回一个对象,其中包含了left.right.top.bottom四个属性,分别对应了该元素的左上角和右下角相对于浏览器窗口(viewport)左上角的距离. 所以,网页元素的相对位置就是 var X= this.getBoundingClientRect().left; var Y =this.getBoundingClientRect().top; 再加上滚动距离,就可以得到绝对位置 var X= this.getBoundingClientRect().left+document.doc
-
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
sticky组件,通常应用于导航条或者工具栏,当网页在某一区域滚动的时候,将导航条或工具栏这类元素固定在页面顶部或底部,方便用户快速进行这类元素提供的操作. 在这篇文章Sticky组件的改进实现提供了一个改进版的sticky组件,并将演示效果应用到了自己的博客.有了类似sticky的这种简单组件,我们就可以在利用它开发更丰富的效果,比如本文要介绍的tab导航和滚动导航.实现简单,演示效果如下: tab导航(对应tab-sticky.html): 滚动导航(对应nav-scroll-sticky.
-
javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]第1/2页
document.documentElement.getBoundingClientRect下面这是MSDN的解释: Syntax oRect = object.getBoundingClientRect()Return Value Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordinate
-
js getBoundingClientRect() 来获取页面元素的位置
document.documentElement.getBoundingClientRect 下面这是MSDN的解释: Syntax oRect = object.getBoundingClientRect() Return Value Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordina
-
使用getBoundingClientRect方法实现简洁的sticky组件的方法
sticky组件,通常应用于导航条或者工具栏,当网页在某一区域滚动的时候,将导航条或工具栏这类元素固定在页面顶部或底部,方便用户快速进行这类元素提供的操作.本文介绍这种组件的实现思路,并提供一个同时支持将sticky元素固定在顶部或底部的具体实现,由于这种组件在网站中非常常见,所以有必要掌握它的实现方式,以便在有需要的时候基于它的思路写出功能更多的组件出来. 固定在顶部的demo效果(对应sticky-top.html): 固定在底部的demo效果(对应sticky-bottom.html):
-
Firefox getBoxObjectFor getBoundingClientRect联系
在一个含有Flash的网页中插入Flash会提示: 警告: 不建议使用 getBoxObjectFor() . 请使用 element.getBoundingClientRect(). 经本人测试,确实是Firefox在含flash的网页上提示,还不知道原因,也没找到解决办法. Firefox版本:3.0.3 Flash: 10.0 html页面代码: 复制代码 代码如下: <html> <body> <object type="application/x-shoc
-
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
最近做了个项目,其中有一目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定. 在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提. 实现滚动到某位置功能 博客目录的一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用. 此处应使用浏览器原生提供的 getBoundingClien
-
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
最近在做博客的目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定. 在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提. 实现滚动到某位置功能 一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用. 此处应使用浏览器原生提供的 getBoundingClientRect 接口,此
-
js中鼠标滚轮事件详解(firefox多浏览器)
附加事件 其中经我测试,IE/Opera属于同一类型,使用attachEvent即可添加滚轮事件. 复制代码 代码如下: /*IE注册事件*/ if(document.attachEvent){ document.attachEvent('onmousewheel',scrollFunc); } Firefox使用addEventListener添加滚轮事件 复制代码 代码如下: /*Firefox注册事件*/ if(document.addEventListener){ document.ad
-
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
1. document.formName.item("itemName") 问题 说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.el
-
防止页面被iframe(兼容IE,Firefox火狐)
以前防止页面被iframe使用的是这段代码 复制代码 代码如下: <script type="text/javascript> if (top.location !== self.location) { top.location=self.location; } </script> 但是在Firefox里你会发现页面会一直不停的在刷. 页面根本没法用. 这里是因为firefox windows.top如果没有那么就是空,在IE下windows.top就是本窗口 页面不断的
-
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
在启用了firebug面板后,会增加一个window.console对象及window.console.firebug变量用于保存当前firebug的当前版本,当关闭firebug面板后则变回正常,于是我们可以通过判断其是否存在来检测是否开启了firebug. 复制代码 代码如下: Boolean(window.console && window.console.firebug) 于是,为了方便在没有启用firebug的情况下避免脚本错误,可以在脚本最前面加入以下语句手工创建空的conso
随机推荐
- jQuery Ajax向服务端传递数组参数值的实例代码
- VBS数组函数学习实例分析
- jquery+json实现的搜索加分页效果
- Linux下部署.net core环境的步骤详解
- 在ASP.NET 2.0中操作数据之二十:定制数据修改界面
- IE最新的欺骗代码
- Nginx实现不同域名输出不同的服务器头信息方法
- JQuery判断checkbox是否选中及其它复选框操作方法合集
- 配置ab来为Nginx服务器做压力测试的方法
- CentOS 5.11服务器安装配置LAMP服务器(Apache+PHP5+MySQL)
- Java发送邮件遇到的常见需求汇总
- js基于FileSaver.js 浏览器导出Excel文件的示例
- js实现日期显示的一些操作(实例讲解)
- Bootstrap实现带暂停功能的轮播组件(推荐)
- 成员初始化列表与构造函数体中的区别详细解析
- java实现24点游戏
- 易语言静态局部变量详解
- python实现随机漫步方法和原理
- python异常触发及自定义异常类解析
- php伪静态验证码不显示的解决方案