`
jessen163
  • 浏览: 465373 次
  • 性别: Icon_minigender_1
  • 来自: 潘多拉
社区版块
存档分类
最新评论

Ajax-------IE和FIREFOX 脚本的一些区别

    博客分类:
  • Util
阅读更多
1:innerText
IE支持,FIREFOX不支持
解决办法:用innerHTML,2种浏览器都识别innerHTML

2:document.createElement
document.appendChild
在往表里插入行时
FIREFOX支持,IE不支持
解决办法:把行插入到TBODY中,不要直接插入到表

3:setAttribute('style','color:red;')
FIREFOX支持(除了IE,现在所有浏览器都支持),IE不支持
解决办法:不用setAttribute('style','color:red')
而用object.style.cssText = 'color:red;'(这写法也有例外)
最好的办法是上面种方法都用上,万无一失 ^_^
4:class
setAttribute('class','styleClass')
FIREFOX支持,IE不支持(指定属性名为CLASS,IE不会设置元素的CLASS属性,相反只使用SETATTRIBUTE时IE自动识别CLASSNAME属性)
解决办法:
setAttribute('class','styleClass')
setAttribute('className','styleClass')
2种都用上

5:用setAttribute设置事件
var obj = document.getElementById('objId');
obj.setAttribute('onclick','funcitonname();');
FIREFOX支持,IE不支持
解决办法:
IE中必须用点记法来引用所需的事件处理程序,并且要用赋予匿名函数
如下:
var obj = document.getElementById('objId');
obj.onclick=function(){fucntionname();};
这种方法所有浏览器都支持

6:建立单选钮
IE以外的浏览器
var rdo = document.createElement('input');
rdo.setAttribute('type','radio');
rdo.setAttribute('name','radiobtn');
rdo.setAttribute('value','checked');

IE:
var rdo =document.createElement("<input type='radio' name='radiobtn' value='checked'>");
解决办法:
这一点区别和前面的都不一样。这次完全不同,所以找不到共同的办法来解决,那么只有IF-ELSE了
万幸的是,IE可以识别出document的uniqueID属性,别的浏览器都不可以识别出这一属性。问题解决。

0:共同的一些技巧
在动态建立INPUT型输入元素时,一般是先加入,在设置TYPE。这就有可能出错

好习惯:var btn = document.createElement('input');
btn.setAttribut('type','button');
document.getElementById('formId').appendChild(btn);
分享到:
评论

相关推荐

    ajax----简介

    - **浏览器支持**:包括Google Chrome、Mozilla Firefox、Internet Explorer、Opera、Safari等主流浏览器都支持AJAX。 - **服务器端技术**:如Java、.Net、PHP、Ruby on Rails等都可以与AJAX配合使用。 #### 十一、...

    IE和firefox调试插件

    本文将详细介绍IE和Firefox浏览器的JavaScript、CSS、HTML调试插件,帮助你更好地理解和掌握这些工具。 首先,我们关注的是IE浏览器的调试插件。压缩包中的"IEDevToolBarSetup.msi"文件就是用于安装Internet ...

    difference between IE and Firefox

    - 随着时间的推移,Firefox和IE(后来的Edge)在性能和稳定性方面都有了显著提升,但Firefox一直以更快的页面渲染和脚本执行著称。 为了应对这些差异,开发者通常需要进行跨浏览器测试,并使用条件注释、库如...

    ajax兼容IE,FF问题

    这篇博文主要探讨了如何解决Ajax在IE和Firefox上的兼容性问题。 首先,让我们了解一下Ajax的基本原理。Ajax的核心是XMLHttpRequest对象,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步通信。在发送...

    AJAX-setup

    确保代码兼容各种浏览器,如IE、Firefox、Chrome、Safari和Opera。 - **性能优化**:虽然AJAX能提升用户体验,但过多的异步请求可能导致服务器压力增大。合理规划AJAX请求,避免不必要的网络通信,可以提高整体性能...

    Javascript在IE和FireFox中的不同表现

    JavaScript是一种广泛应用于Web开发的脚本语言,它在不同的浏览器中可能会有不同的行为和表现,尤其是在老版本的Internet Explorer(IE)和Firefox之间。这两个浏览器在处理JavaScript语法、DOM操作、CSS渲染等方面...

    DOM文档和Javascript的IE和Firefox兼容性

    5. **跨域请求**:IE和Firefox对AJAX跨域请求的处理方式不同,IE使用`XDomainRequest`对象,而其他浏览器使用`XMLHttpRequest`的`withCredentials`属性。 6. **盒子模型**:IE使用独特的盒子模型,其中元素宽度不...

    AJAX面试题汇总

    - **Firefox**: 使用 `new XMLHttpRequest()` 方法。 #### 4. AJAX技术体系的组成部分 - **HTML**: 提供结构。 - **CSS**: 控制样式。 - **DOM**: 操作文档。 - **XML**: 数据格式。 - **XMLHttpRequest**: 异步...

    服务器推送示例-支持IE火狐谷歌等 - 更新后

    在本示例中,我们关注的是一个支持IE、火狐和谷歌浏览器的服务器推送实现,主要基于ASP.NET平台。 ASP.NET是由微软开发的一种Web应用程序框架,它为开发者提供了构建动态网站、Web应用和服务的强大工具。在ASP.NET...

    ie脚本调试器.rar

    需要注意的是,随着浏览器市场的变迁,IE的市场份额逐渐被Chrome、Firefox等现代浏览器取代,它们拥有更强大的开发者工具,如Chrome DevTools。不过,由于某些企业或政府网站仍依赖于IE,了解和掌握IE脚本调试器仍然...

    兼容ie和火狐的js分页

    本项目"兼容ie和火狐的js分页"旨在实现一个跨浏览器的JavaScript分页解决方案,确保在Internet Explorer(IE)和Firefox两大主流浏览器上都能正常运行。 首先,我们来理解一下核心知识点: 1. **JavaScript分页**...

    AJAX常用面试题

    **AJAX(异步JavaScript和XML)**是一种...以上是关于AJAX的一些核心概念和常见面试题解答,这些知识点涵盖了AJAX的基本原理、应用场景及其与其他技术的关联。理解并掌握这些内容,对于理解和使用AJAX技术至关重要。

    FireFox Chrome IE浏览器调试JavaScript

    ### FireFox Chrome IE浏览器调试JavaScript #### 一、Firebug简介 Firebug是一款专为Firefox浏览器设计的强大开发插件,自推出以来便受到广大Web开发者的喜爱与推崇。随着Web技术的发展,对Web开发人员的要求...

    ASP-NET-AJAX技术ppt课件(全).ppt

    它还广泛支持多种流行浏览器,如IE、Firefox和Safari,并提供了Visual Studio 2010这样的可视化开发工具,使开发AJAX应用程序变得更加便捷。 2. 客户端脚本库与服务器组件: ASP.NET AJAX由两大部分组成:客户端...

    原生纯脚本ajax文件管理器源码 NativeScriptAjaxFileManager.rar

    兼容ie6/7/8/10、firefox2/3、Opera;Ajax无刷新管理 二、菜单功能 1、可用作文件选择器; 2、可开启图片水印,缩略图功能; 3、提供文件/夹删除,修改,添加,压缩; 4、自由控件文件上传,支持多文件带进度条...

    Ajax程序设计入门

    - **跨浏览器支持:** 随后,Mozilla(包括Firefox)、Safari、Opera等现代浏览器也实现了对XMLHttpRequest的支持,尽管它们采用了不同的实现方式。 - **Mozilla:** 使用XMLHttpRequest类。 - **Safari:** 基于...

    兼容ie,Firefox的文件上传

    标题 "兼容ie,Firefox的文件上传" 涉及的核心知识点是实现跨浏览器的文件上传功能,特别是针对Internet Explorer(IE)和Firefox这两个主流浏览器的兼容性问题。在Web开发中,由于不同浏览器对HTML、CSS和JavaScript...

    js 兼容火狐\360和IE的日历控件

    在JavaScript编程中,创建一个兼容Firefox、360浏览器以及Internet Explorer的日历控件是一项挑战,因为这三种浏览器对Web标准的支持程度不同。本控件旨在解决这些差异,提供一致的用户体验。以下是一些关键的知识点...

    php浏览器模式调试toolbar firefox chrome ie

    IE的开发者工具可以通过F12快捷键打开,提供了类似于Firefox和Chrome的调试功能,包括DOM查看、网络请求和脚本调试。对于PHP调试,由于IE本身并不支持Xdebug的直接集成,你需要依赖第三方工具,如Visual Studio或...

Global site tag (gtag.js) - Google Analytics