js原生的兼容性问题

最新推荐文章于 2018-09-19 12:04:00 发布
最新推荐文章于 2018-09-19 12:04:00 发布
阅读量91 收藏
点赞数
原文链接：http://www.cnblogs.com/claireyu1219/p/6344463.html
版权

最近看《javascript权威指南》一书，出现了一些js兼容性的问题，测试了一些代码，于是总结一下，若有其他的还会后续增加。

1、querySelector和querySelectorAll在IE8以及以下的IE浏览器都不兼容。

2、nextElementSibling(这一类型DOM)在IE8以及以下的IE浏览器都不兼容，在IE8以及以下的IE浏览器可以使用nextSibling(这一类型DOM)，它们在这种浏览器中是不会获取到文本节点的；而IE>＝9以及其他浏览器在nextSibling(这一类型DOM)上是会获取到文本节点的。

3、textContent用在IE>8以及其他浏览器上，innerText用在IE<9的浏览器上获取文本。

4、insertAdjacentHTML和outHTML在FF上是不支持的，可以自己使用appenChild以及innerHTML来自己完美实现它们。

5、clientWidth、clientHeight表示的是内容＋内边距的大小;offsetWidth、offsetHeight表示内容＋内边距＋边框的大小（假如有滚动条，也会包括滚动条的距离）。

6、document.documentElement是在标准模式的时候使用来获取窗口的宽高信息等；document.body是在怪异模式的时候来获取窗口的宽高信息等。

7、标准模式和怪异模式取决于在文档的最顶端是否写了<!DOCTYPE html>。怪异模式和标准模式会有一些区别，标准模式使用的是W3C的标准，而怪异模式使用的是该浏览器自己的标准。

转载于:https://www.cnblogs.com/claireyu1219/p/6344463.html

p是马甲
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE8下关于querySelectorAll()的问题
09-05
在IE8的新特性里，提到了会支持querySelector()和querySelectorAll()方法，如何使用这里就不说了，只是记录下我在使用时遇到一个问题。
原生javascript兼容性测试实例
10-27
本篇文章将深入探讨如何解决原生JavaScript在不同浏览器中的兼容性问题，特别是针对IE浏览器的一些特有属性和方法。 1. 获取元素样式： 在获取元素的CSS样式时，IE6和IE7支持`currentStyle`属性，而其他标准浏览器...
IE8支持querySelector()和qu…
luoage的专栏
11-03 2687
原文地址：IE8支持querySelector()和querySelectorAll()作者：阎王他爹     IE8 增加了对W3C Selector API的支持，Javascript 增加了两个函数 querySelector() 和 querySelectorAll() 。      这两个函数的支持必须在HTML中增加文档声明。 <!DOCTYPE html PUBLIC “-//W3C
原生js--insertAdjacentHTML
weixin_34302798的博客
02-11 116
insertAdjacentHTML是IE浏览器提供向DOM中插入html字符串的方法，字符串会自动生成在DOM树中。 其调用方式为elem.insertAdjacentHTML( position, htmlStr ) elem 向哪个DOM的标签出插入字符串 position 有四个选项 "beforeBegin" "afterEnd" "afterBegin" "beforeEnd"分...
原生js方面的兼容性问题
b741759587的博客
09-19 115
1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题 我们都知道js通过style不可以获取行外样式，当我们需要获取行外样式时: 我们一般通过这两个方法获取行外样式： IE下: currentStyle Chrome,FF下: getComputedStyle(oDiv,false) 兼容两个浏览器的写法: ...
完美解决axios在ie下的兼容性问题
08-27
然而，由于`axios`依赖于Promise，而Promise在IE浏览器（尤其是IE8及以下版本）中并未原生支持，这导致了在Internet Explorer（IE）下运行`axios`时可能会出现兼容性问题。本文将详细介绍如何解决`axios`在IE下的...
jQuery解决浏览器兼容性问题案例分析
10-22
在Web开发中，浏览器兼容性问题一直是个棘手的问题，尤其是在JavaScript和DOM操作方面。jQuery作为一款广泛使用的JavaScript库，其核心目标之一就是提供一种跨浏览器的解决方案，以简化JavaScript编程，尤其是解决...
记录RN开发中遇到的兼容性问题
01-20
在React Native(RN)开发过程中，兼容性问题往往是开发者面临的一大挑战。这些问题主要涉及到不同操作系统，尤其是Android平台的差异。以下是一些常见的RN兼容性问题及其解决方案： 1. **文字超出容器** 当在...
原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
09-25
document.getElementsByClassName在ie8及其以下浏览器的兼容性问题，在ie8及其以下浏览器中不能使用，针对这个问题，下面给出详细的解决方法，感兴趣的朋友可以参考下
querySelector/querySeletorAll兼容方法
youyouyouyou44的博客
01-09 2171
querySelector/querySeletorAll是原生js的两个选择器方法，是很好用的，BUT不兼容IE6\7，所以找了个兼容方法： if (!document.querySelectorAll) { document.querySelectorAll = function (selectors) { var style ...
js浏览器兼容
jazywoo_在路上
10-20 847
1. document.form.item 问题 问题： 代码中存在 document.formName.item("itemName") 这样的语句，不能在FF下运行 解决方法： 改用 document.formName.elements["elementName"] 2. 集合类对象问题 问题： 代码中许多集合类对象取用时使用()，IE能接受，FF不能
pi_heif-0.17.0-cp310-cp310-manylinux_2_17_aarch64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
Numper基础（一）
07-27
Numper基础（一）
C语言写的潮流计算大作业代码.zip
最新发布
07-27
c写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zipc写的潮流计算大作业代码.zip
关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型.docx
07-27
大模型（Large Models），尤其是指预训练的大规模语言模型，在自然语言处理（NLP）、计算机视觉（CV）等领域取得了显著的进步。以下是一些关于大模型的教程、调用和使用技巧的资源，帮助更多人高效地认知和使用大模型： 1. 大模型教程资源 官方文档： 大多数大型模型都会在其官方网站或GitHub页面上发布详细的文档，包括模型介绍、安装指南、使用示例等。 例如，Hugging Face的Transformers库提供了丰富的文档和教程。 在线课程： Coursera、edX等在线教育平台上提供了关于大模型的课程。 例如，斯坦福大学的NLP课程通常会涵盖最新的大模型技术。 博客文章： Medium、Towards Data Science等平台上有很多关于大模型的文章，这些文章通常由专业人士撰写，包含实战经验和技巧。 视频教程： B站（bilibili.com）和YouTube上有很多关于大模型的教程视频，适合初学者入门。 2. 调用API和使用技巧 Hugging Face Transformers： 提供了多种预训练模型的加载和调用方式。 Hugging Face文档 是一个非常
pi_heif-0.17.0-cp39-cp39-macosx_14_0_arm64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
[毕设]酒店管理系统PPT与源码展示.zip
07-27
[毕设]酒店管理系统PPT与源码展示
uniapp上兼容性问题
02-21
在UniApp开发中，兼容性问题是一个需要考虑的重要因素。由于UniApp是基于Vue.js框架开发的，它可以将代码编译成多个平台的原生应用程序，包括iOS、Android、H5等。然而，不同平台之间存在一些差异，可能会导致兼容性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值