js之获取浏览器的body的兼容性问题

最新推荐文章于 2021-12-04 15:58:50 发布
最新推荐文章于 2021-12-04 15:58:50 发布
阅读量309 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mahuatengbukui/article/details/119903568
版权

比如我想获得body卷出页面的高度

    ①document.body.scrollTop

           如果HTML文件中开头有 <!DOCTYPE html>，那么这个值就会一直为0

    ②document.documentElement.scrollTop

           如果HTML文件中开头没有 <!DOCTYPE html>，那么这个值就会一直为0

    ③兼容写法：var scroll=document.body.scrollTop|| document.documentElement.scrollTop

            这样写就一定能获得我们想要的值

就叫铭铭之中吧
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
12种原生JS常用兼容写法
代码青春
02-15 657
var body = document.body || document.documentElement; var sTop=document.documentElement.scrollTop || document.body.scrollTop; if(ele.addEventListener){ ele.addEventListener("click",cal...
46种常见的浏览器兼容性问题大汇总
05-15
13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作，但在FireFox中却不行. 3 3. CSS透明 3 4...
兼容性问题
ruijuanhou
02-28 173
1. HTML对象获取问题 FireFox：document.getElementById(“idName”); ie:document.idname或者document.getElementById(“idName”). 解决办法：统一使用document.getElementById(“idName”); 2. const问题**说明:Firefox下,可以使用const关键字或
js html后加body,用JS浏览器版本添加到<html>或<body>作为类
weixin_42245736的博客
07-22 503
var BrowserDetect = {init: function() {this.browser = this.searchString(this.dataBrowser) || "Other";this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) ...
JavaScript 获取元素的8种方法
qq_41363062的博客
01-17 1903
DOM 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是 DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。 JS获取DOM元素的八种方法 通过ID获取（getElementById） 通过name属性（getElementsByName）...
原生JS获取body
LMQ_949244171的博客
11-26 3662
原生js获取body 的方法 第一种： let s = `hello` document.getElementsByTagName("body")[0].innerHTML = s 第二种： let s = `hello` document.body.innerHTML = s 点个赞呗~
谈谈JS中常遇到的浏览器兼容问题和解决方法
11-26
今天整理了一下浏览器对JS的兼容问题，希望能给你们带来帮助，我没想到的地方请留言给我，我再加上； 常遇到的关于浏览器的宽高问题： //以下均可console.log()实验 var winW=document.body.clientWidth||...
JS中getElementsByClassName与classList兼容性问题解决方案分析
12-29
本文实例讲述了JS中getElementsByClassName与classList兼容性问题解决方案。分享给大家供大家参考，具体如下： document(element).getElementsByClassName(classNames:classString); HTML5新添加了这个方法，这个...
JS获取body及屏幕的宽度和高度
热门推荐
射手天之玉的博客
04-21 1万+
原生JS获取body及屏幕的宽度和高度
document.body和document.body的区别和兼容性&&js自定义弹框的方法
笔芯君
01-18 4423
遮罩层其实就是两个z-index比较大的div 一个为div的遮罩层，一个为弹框内容 遮罩层获取整个网页文本的大小 Math.max(document.documentElement.scrollWidth, document.body.scrollWidth); Math.max(document.documentElement.scrollHeight,document.body.sc
关于tbody js取法兼容。
weixin_33885676的博客
06-05 60
本来jquery就是为了兼容才用的，动态添加表格的时候，ie必须要append 到tbody上，不然无法取上。 而chrome等则可以，最终还是选appendto tobody 转载于:https://www.cnblogs.com/hualiu0/p/4553838.html...
Javascript与CSS在IE和Firefox中的误区及区别
别把新手当傻子
06-16 208
[b][size=medium]Javascript中的常见问题[/size][/b] [b]1. 集合类对象问题[/b] 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。 解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为 [code="js"]document.forms["formName"]; //...
原生js获取节点及元素的兼容写法 前端基础
Baby_加油_的博客
12-28 815
近期复习了下前端基础，写此文章以备用~~ 表单元素的属性 type、value、checked、selected、disabled 设置表单元素是否可用： document.getElementById(“txt”).disabled=true; 设置selet下拉选框项是否选中(id是option的id) document.getElementById(“e”).selected=true;...
js 获取相关宽度兼容
懒人改变世界
01-22 459
在IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 在FireFox中： d
浏览器的兼容以及写法
weixin_52309490的博客
06-17 244
浏览器的兼容性以及写法 第一个 清除浮动的兼容性 第二个 透明度的兼容写法 第三个 js获取节点的兼容写法 第四个 获取计算机计算的所有属性 第五个 获取元素子节点childNodes 这个属性有兼容性 第六个 动态创建节点，元素没有子节点，Ie低版本会读取不到，而标准浏览器会。 第七个 获取浏览器可见区的高度 宽度 body 第八个 解决Css3中的兼容性 第九个 Event的兼容性 第十个 事件绑定的兼容性写法 第十一个 Mouseevent有兼容性 第十二个 Event对象的兼容性 第十三个 事件源（
js事件对象获取兼容写法
huang_xiao_wei的博客
02-02 1112
js事件对象获取兼容写法
JS中常见的兼容写法
qq_48937489的博客
12-04 1284
JS中常见的兼容写法 浏览器卷去的高度和宽度兼容、处理事件对象兼容、处理事件目标兼容
JS DOM入门 获取body元素 获取html元素
wwy6191的博客
09-19 2109
一、获取body元素 <script> var bodyEle = document.body; console.log(bodyEle);// 结果:获取body中的所有元素 </script> 二、获取html元素 <script> var htmlEle = document.documentElement; console.log(htmlEle);// 结果:获取h
JavaScript基础操作——获取body html
qq_41929578的博客
10-09 1163
获取 body 元素 var getBody = document.body; 控制台输出： 获取 HTML 元素 var getHtml = document.documentElement; 控制台输出：
canvas ellipse兼容性
最新发布
11-29
canvas的ellipse方法在一些浏览器中并不被支持，但可以通过引入Google出品的canvas-5-polyfill.js来增强canvas兼容性并添加ellipse方法。同时，由于IE不支持canvas，我们可以使用excanvas.js来解决IE的兼容问题。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值