Dom与浏览器兼容性说明_DOM-js教程-PHP中文网

首页

web前端

js教程

Dom与浏览器兼容性说明_DOM

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 06:17 PM

dom兼容性浏览器

作为一个Web前端工作者，你是否在工作中常被浏览器兼容性问题所困惑．例如Css样式?　明明在 IE浏览器里显示一切正常的网页．到了FireFox或谷歌浏览器中却乱作一团．或许你在使用JavaScript和Dom编写网页脚本时，也遇到过类似问题. 明明在FireFox浏览器里运行正常的脚本．到了IE里却出现错误．比如说获取触发js事件的源目标．还有鼠标位置或元素位置问题．动态为元素绑定事件等．．．我将在下面列举部份Dom指令在IE和FireFox等浏览器不兼容性的问题！
限于篇幅．我不在该页对提到的Dom指令做详细解释．请点击相关指令名称可以了解详细解释与实例．
在使用JavaScript获取触发事件的源目标时IE和FireFox(火狐)不同表现，也就是说是网页中那个元素触发了事件

在IE浏览器里使用srcElement
在FireFox（火狐）浏览器里使用target

使用Dom获取和更改网页标签元素内文本的问题

在IE浏览器里使用innerText
在FireFox（火狐）浏览器里使用textContent

鼠标在元素内的位置

IE中使用offsetX和offsetY来获取鼠标在网页中某一元素的位置
FireFox使用layerX和layerY来得到鼠标在网页中某一元素的位置

动态为网页或元素绑定与删除事件的问题

在IE中绑定事件的方法是attachEvent
在IE中删除绑定事件的方法是detachEvent
在FireFox中绑定事件的方法是addEventListener
在FireFox中删除绑定事件的方法是removeEventListener

未完待续......康董于：2010-07-24

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

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

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

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

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

edge是什么浏览器Jul 19, 2022 pm 12:41 PM

edge是由微软开发的基于Chromium开源项目及其他开源软件的网页浏览器。Edge浏览器主要特点是能够支持目前主流的Web技术，作为Windows10自带浏览器，给微软用户带来更好的功能体验。

苹果自带的浏览器叫什么Jul 18, 2022 am 10:42 AM

苹果自带的浏览器叫“Safari”；Safari是一款由苹果公司开发的网页浏览器，是各类苹果设备的默认浏览器，该浏览器使用的是WebKit浏览器引擎，包含WebCore排版引擎及JavaScriptCore解析引擎，在GPL条约下授权，同时支持BSD系统的开发。

用 WebAssembly 在浏览器中运行 PythonApr 11, 2023 pm 09:43 PM

长期以来，Python 社区一直在讨论如何使 Python 成为网页浏览器中流行的编程语言。然而网络浏览器实际上只支持一种编程语言：JavaScript。随着网络技术的发展，我们已经把越来越多的程序应用在网络上，如游戏、数据科学可视化以及音频和视频编辑软件。这意味着我们已经把繁重的计算带到了网络上——这并不是JavaScript的设计初衷。所有这些挑战提出了对新编程语言的需求，这种语言可以提供快速、可移植、紧凑和安全的代码执行。因此，主要的浏览器供应商致力于实现这个想法，并在2017年向世界推出

浏览器支持WebTransport？它能替代WebSockets？Feb 23, 2023 pm 03:36 PM

许多应用程序，如游戏和直播等场景，需要一种机制来尽可能快地发送消息，同时可以接受无序、不可靠的数据传输方式。本机应用程序虽然可以使用原始 UDP 套接字，但这些在 Web 上不可用，因为它们缺乏加密、拥塞控制、同意发送机制（以防止 DDoS 攻击）。

Vue3获取DOM节点的方式有哪些May 11, 2023 pm 04:55 PM

1.原生js获取DOM节点：document.querySelector(选择器)document.getElementById(id选择器)document.getElementsByClassName(class选择器)....2.vue2中获取当前组件的实例对象：因为每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引用。所以在默认情况下，组件的$refs指向一个空对象。可以先在组件上加上ref="名字"，然后通过this.$refs.

PHP中的DOM操作指南May 21, 2023 pm 04:01 PM

在网页开发中，DOM（DocumentObjectModel）是一个非常重要的概念。它可以让开发者轻松地对一个网页的HTML或XML文档进行修改和操作，比如添加、删除、修改元素等。而PHP中内置的DOM操作库也为开发者提供了丰富的功能，本文将介绍PHP中的DOM操作指南，希望可以帮助到大家。DOM的基本概念DOM是一个跨平台、独立于语言的API，它可以将

See all articles