Web——DOM 不同浏览器差异

不同浏览器中对DOM支持的方法不一样

  • 获取网页中那个元素触发了事件:在IE里使用srcElement ;在FireFox里使用target
  • 使用Dom获取和更改网页标签元素内文本:在IE里使用innerText ;在FireFox里使用textContent
  • 动态为网页或元素绑定事件:在IE中绑定事件的方法是attachEvent ;在FireFox中绑定事件的方法是addEventListener (类似于多播委托。使用该方法是还有一些其他的注意事项)

不同浏览器中对CSS的支持不一样

    所以出现在IE中显示正常的网页,在FF下全部乱掉了。哀悼网页使用的CSS只有IE支持,FF都不支持。

    lJQuery之类的框架进行了封装,将不同浏览器的差异帮开发人员处理了,开发人员只要调用JQuery的方法,JQuery会帮助在不同浏览器中进行翻译。用JQuery就可以解决不同浏览器上Dom的不同。对于CSS的不同是美工的事,IETester、FF、Chrome。
============================================
window.addEventListener('load', function () {
            alert('listener1');
        }, false);

        //第三个参数false,表示是在事件冒泡阶段触发,true表示在事件捕获阶段触发。
        window.addEventListener('load', function () {
            alert('listener2');
        }, false);
=============IE下的写法===========================
 window.attachEvent('onload', function () {
        alert('qqq');
        });
        window.attachEvent('onload', function () {
        alert('cccc');
        });

============删除事件=====================
window.detachEvent('onload', 方法名);
window.removeEventListener('load',方法名,false);


你可能感兴趣的:(Web前端)