web前端问题及解决方案收集

前端的开发总会遇到这样会哪样的问题,比如烦人的浏览器间,甚至是同一浏览器多版本间的差异,所以我们很有必要在项目中在解决相关前端问题的同时去学会积累,确保类似问题不会再出现,另外遇到此类问题时迅速找到相应解决方案。

      以下几点就是近期前端开发过程遇到的相关问题及相应的推荐解决方案,希望对大家有所帮助:

       

序号 问题描述 推荐方案
1 IE6下,触发弹出层后,没有效果 在执行语句所在函数结束处加入return false(当然也要保证此false返回值对函数本身的调用没有影响)
2 IE6下,加入float:left样式的dom元素居左后却换行了 IE6比较变态,需要在此dom元素里加入float:left样式,同时也要在其前一个兄弟dom元素里加入floatleft样式
3 Firefox下,刷新后无法自动清除input框里的值

阻止Firefoxinput框的缓存。

方法一:设置input属性值autocomplete="off",如

< input autocomplete="off" type="text" />

方法二:设置form属性值autocomplete="off",如

< form autocomplete="off">

< input type="text" />

< input type="text" />

< /form>
4 Dom事件通过srcElement属性得到事件最初指派到的元素,只有在IE下有效 区分浏览器,在IE外的FirefoxOpra中,是通过Dom事件的target属性取得该事件最初指派到的元素
5 img图片没有找到的onerror事件报Stack Overflow at line:0错误

onerror事件只触发一次

<script type="text/javascript"> 
<!-- 
    function nofind(oevent){
        var img;
        if(document.all){
            img = oevent.srcElement;
        }else if(oevent){
            img = oevent.target;
        }
        img.src="http://www.test.com/default.gif"; 
        img.onerror=null;       //控制不要一直跳动,即只让onerror生效一次
    }
//--> 
</script> 

<img src="http://www.test.com/aa.gif" onerror="nofind(event);" alt="李二"/>

你可能感兴趣的:(JavaScript,Web,浏览器,IE,firefox)