Javascript浏览器兼容性问题

2019-1-20 hubo JavaScript

1、页面滚动时，通过js检测scrollTop.  window.onscroll = function(){     var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;     if(scrollTop>10){         console.log("你好");     } } //document.body.scrollTop不兼容IE //document.documentElement.scrollTop;//不兼容谷歌 

解决方法：下面这段代码兼容所有的浏览器： var scrollTop = window.pageYOffset; //兼容所有的浏览器

2、IE下input.type属性为只读，但是Firefox下 input.type 属性为读写。 <input type="text" id="inpt" value="点我" /> var oInpt = document.getElementById("inpt"); oInpt.onclick = function(){ this.type = "submit";//无效 }  

解决方法：不修改 input.type 属性。如果必须要修改，可以先隐藏原来的input，然后在同样的位置再插入一个新的input元素。 代码如下： var oInpt = document.getElementById("inpt"); oInpt.onclick = function(){ this.style.display = "none"; var newInpt = document.createElement("input"); newInpt.type = "submit"; newInpt.value = "我变成了一个按钮"; document.body.appendChild(newInpt); }

网站备案号：京ICP备11043289号-1 北京市公安局网络备案 海1101084571

版权所有 北京育灵童科技发展有限公司 Copyright © 2002-2024 www.elight.cn, All Rights Reserved