Dom とブラウザの互換性に関する説明_DOM-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

Dom とブラウザの互換性に関する説明_DOM

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 06:17 PM

dom互換性ブラウザ

Web フロントエンドワーカーとして、職場でブラウザの互換性の問題に混乱することがよくありますか?たとえば、CSS スタイル? 通常の Web ページが IE ブラウザーで表示されるのは明らかです。 FireFox や Google Chrome に関しては、めちゃくちゃです。 JavaScript と Dom を使用して Web ページスクリプトを作成するときに、同様の問題に遭遇したことがあるかもしれません。明らかに、スクリプトは FireFox ブラウザで正常に実行されます。 IEでエラーが発生しました。たとえば、js イベントをトリガーするソースターゲットを取得します。マウスの位置や要素の位置にも問題があります。イベントを要素などに動的にバインドします。．． IE や FireFox などのブラウザにおけるいくつかの Dom コマンドの非互換性の問題を以下にリストします。
スペースの制限があります。このページでは、Dom 命令については詳しく説明しません。関連するコマンド名をクリックすると、詳細な説明と例が表示されます。
JavaScript を使用してトリガーされたイベントのソースターゲットを取得する場合、IE と FireFox では動作が異なります。つまり、Web ページ内のどの要素がイベントをトリガーしたかということです

IE ブラウザで srcElement を使用する
FireFox ブラウザでターゲットを使用する

Web ページのタグ要素内のテキストを取得および変更するために Dom を使用する際の問題

IE ブラウザで innerText を使用する
FireFox ブラウザで textContent を使用する

要素内のマウスの位置

IE で offsetX と offsetY を使用して、Web ページ内の特定の要素上のマウスの位置を取得します
FireFox は、layerX と LayerY を使用して、Web ページ内の特定の要素上のマウスの位置を取得します

Web ページまたは要素のイベントの動的バインドと削除に関する問題

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