일반적으로 사용되는 다양한 browser_javascript 기술에서 getBoundingClientRect 분석-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

일반적으로 사용되는 다양한 browser_javascript 기술에서 getBoundingClientRect 분석

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 06:52 PM

브라우저

먼저 테스트 코드

코드 복사 코드는 다음과 같습니다.

관리 시스템 head> 

<script> <BR>alert(document.getElementById("w3124"). getBoundingClientRect().top ); <BR> <BR> <BR><BR><BR>다음은 경고 결과입니다<BR>IE , FF, Chrome: 208 </script>

IE 커널의 Maxthon: 215
IE 커널의 세계: 217
본문에 여백을 추가하면 padding: 0, IE, FF, Chrome, Maxthon은 모두 200인데 TheWorld만 202입니다
그런 다음 HTML 코드 헤더의 DOCTYPE 문을 제거하면 FF, Chrome, Maxthon의 값은 모두 200이 되고, IE는 Quirks 모드로 들어가기 때문에 의 값은 200이 됩니다. 이번에는 202이고 TheWorld는 여전히 202입니다.
결론
FF, Chrome, Maxthon은 항상 표준 모드(Standards Mode)를 준수합니다. IE도 문만 추가하면 표준 모드(Standards Mode)로 들어갑니다. TheWorld는 항상 Quirks 모드를 고수합니다.
제안
호환성을 위해 본문에 margin:0;padding:0을 추가하고 DOCTYPE 문 추가에 주의하세요(이와 함께 IE는 상당히 순종적입니다)
또 다른:
1. 글 전체에 녹색 희망이 가득합니다. 누구나 눈을 편안하게 할 수 있습니다.
2. 처음으로 블로그를 올립니다. 마음이 약해서 여러 가지 타격을 받을 수 있습니다. 잘못된 점이 있으면 정중하게 수정하겠습니다. 감사합니다. 🎜>3. 참고자료

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

火狐浏览器是哪个国家的Sep 15, 2022 pm 02:55 PM

火狐浏览器是“美国”的。Firefox火狐浏览器是开源基金组织Mozilla研发的一个自由及开放源代码的网页浏览器；而Mozilla基金会成立于2003年7月，是一家美国公司，现位于美国加利福尼亚州的芒廷维尤。

电脑浏览器打不开网页但能上网怎么解决Jun 28, 2023 am 11:26 AM

电脑浏览器打不开网页但能上网解决方法：1、网络设置问题，将路由器断电并等待几分钟，然后再重新插上电源；2、浏览器设置问题，清除浏览器缓存和浏览历史记录，确保浏览器没有设置代理服务器或虚拟专用网络；3、DNS设置问题，将DNS设置更改为公共DNS服务器地址；4、杀毒软件或防火墙问题，禁用杀毒软件或防火墙，再尝试打开网页；5、网页本身的问题，等待一段时间或联系网站管理员了解情况。

教你如何强制卸载edge浏览器Jul 15, 2023 pm 06:17 PM

Windows10自带的Edge浏览器在程序面板上是不能被卸载的，但是有些网友不喜欢使用edge浏览器，想要卸载掉它。那么我们可以尝试如何卸载edge浏览器呢？下面小编就教下大家强制卸载edge浏览器的方法。具体的方法如下：1、右击左下角开始，点击“windowspowershell(管理员)”打开。2、进入命令界面，输入代码get-appxpackage*edge*，查找edge包。3、在edge包中找到packagefullname，选中并复制。4、接着输入命令Remove-appxpack

如何修复 Microsoft Edge 浏览器中的黑屏问题May 16, 2023 am 10:04 AM

微软于2020年初发布了基于Chromium（谷歌的开源引擎）的NewEdge版本。新Edge的感觉与谷歌Chrome相似，并且具有Chrome中可用的功能。但是，许多用户报告说他们在启动MicrosoftNewEdge后立即看到黑屏。用户可以访问设置菜单，但是当他们单击菜单中的任何选项时，它不起作用，只有黑屏可见。当计算机鼠标悬停在选项上并且用户可以关闭浏览器时，它会突出显示选项。在PC上打开新的Edge浏览器时是否遇到黑屏？那么这篇文章将对你有用。在这篇文章中，

如何禁止 Outlook 在 Edge 浏览器中打开链接Aug 03, 2023 am 11:49 AM

如何阻止Outlook在Edge中打开链接在继续之前，请确保您的首选浏览器在Windows中设置为默认浏览器。这可确保在所需的浏览器中打开Outlook链接。要检查并设置默认浏览器：对于Windows10：单击“开始”菜单，然后选择“设置”转到“应用程序”，然后转到“默认应用程序”在默认应用程序列表的底部查找“Web浏览器”如果列出了您的首选浏览器，则一切就绪。如果列出了MicrosoftEdge，请单击它，然后从列表中选择您喜欢的浏览器。如果出现提示，请单击“仍然切换”。修复Edge问题中Ou

简化三步骤，轻松删除Microsoft Edge中的边框Sep 02, 2023 pm 02:57 PM

许多用户对MicrosoftEdge中网页周围的白色边框不满意。他们认为这是不必要的和分散注意力的，他们要求Microsoft完全删除MicrosoftEdge的边框。这类似于“不要修复没有损坏的东西”的说法，但Microsoft似乎没有考虑到这一点。当然，它是一种流行的网络浏览器，提供多种功能，包括内置广告拦截器、跟踪预防和密码管理器。但是，某些用户可能会发现浏览器在网页周围有边框。此边框可能会分散注意力或难看，有几种方法可以将其删除。在关于r/Edge的冗长对话中，一些普通的非内部用户发现，