css

1.ul标签FF中有padding值,没有margin,IE中相反
解决办法:将ul的padding和margin都设为0,
js
1.IE中innerText在火狐中没有,使用textContext;
2.在ajax中返回对象状态IE使用readystate,火狐中必须是readyState,所以最好都写成readyState
3.获取IE和FF中的键盘返回值,
<input type="text" onkeyUp="test(event)"/> 
function test(e) { 
var keyc=GetKeyCode(e); 
alert(keyc); 
function GetKeyCode(e) {//取得不同浏览器下的键盘事件值 
var keyc; 
if(window.event) {//ie键盘事件 
keyc=e.keyCode; 
} else if (e.which) {//火狐 
keyc=e.which; 
return keyc; 
4.为对象添加移除事件 
var obj=document.getElementById("_tname'); 
添加事件: 
if(obj.attachEvent) { 
obj.attachEvent("onchange",function() { 
otherfunction(params);//这里可以给其实方法传参,也可以直接调用其它方法 
}); 
} else if(obj.addEventListener) { 
obj.addEventListener("change",function() { 
otherfunction(params); 
},false); 
移除事件: 
obj.onclick=null; 
/*下面的代码为什么不行,IE下输出obj.onclick竟然为anonymous,希望高手能帮忙解决 
if(obj.detachEvent) { 
obj.detachEvent("onchange",test); 
} else if(obj.removeEventListener) { 
obj.removeEventListener("change",test,false); 
}*/ 
5. 
IE中event.x和event.y 
在FF中只有event.pageX,event.pageY 
都有event.clientX和event.clientY属性 
解决办法: 
var x=e.x?e.x:e.pageX;//e为event对象传进来的参数 
6.IE下 input.type属性为只读,但是MF下可以修改 
7.在 IE 中,getElementsByName()、(document.all[name] (还未测试成功))均不能用来取得 div元素(是否还有其它不能取的元素还不知道)。 
8.通过js来触发事件 
<script type="text/javascript"><!-- 
function handerToClick(){ 
var obj=document.getElementById("btn1"); 
if(document.all){//IE中 
obj.fireEvent("onclick"); 
} else { 
var e=document.createEvent('MouseEvent'); 
e.initEvent('click',false,false); 
obj.dispatchEvent(e); 
// --></script> 
<input type="button" value="btn1" id="btn1" onclick=" alert('按钮btn1的click事件') " /> 
<input type="button" value="触发ID为btn1的onclick事件" onclick=" handerToClick() " /> 
9.IE下event对象有srcElement属性,Firefox下,event对象有target属性 
var obj=e.srcElement?e.srcElement:e.target;//e为event对象传进来的参数 
//从这里下面的还未测试 
10.在FF中自己定义的属性必须getAttribute()取得 
11.节点问题 
IE中使用parentElement parement.children,而FF中使用parentNode parentNode.childNodes 
childNodes的下标的含义在IE和FF中不同,FF使用DOM规范,childNodes中会插入空白文本节点。 

FF中节点没有removeNode方法,必须使用如下方法 node.parentNode.removeChild(node)

IE和FF区别关于css和js的更多相关文章

  1. HTMl、CSS、JS的区别:

    HTMl.CSS.JS的区别: Html:决定网页的结构和内容----[结构] Css:控制页面的表现样式,如:美化页面----[表现] Js:控制网页的行为,如:给页面加动态的效果----[行为]

  2. 用javascript预加载图片、css、js的方法研究

    预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片.css.js这些静态文件可以被缓存),如果用户访问的页面里面的css.js.图片被预加载了,用户打开页面的速度会快很多,提 ...

  3. ff与ie 的关于js兼容性

    FF的FIREBUG,不仅能测试JS还能检查CSS错误,是一般常用的.但它主要检查FF方面的错误,对IE就无能为力了.要测试IE,就用ieTester,它可以测试IE几乎所有版本(1.0恐怕也用不到测 ...

  4. javascript创建css、js,onload触发callback兼容主流浏览器的实现

    http://www.fantxi.com/blog/archives/load-css-js-callback/ 由于需要写个函数,既可以加载css,又可以加载js,所以对各主流浏览器对加载js.c ...

  5. IE6、IE7、IE8的CSS、JS兼容

    Internet Explorer 6中查看使用 Microsoft JScript 的网页,可能会遇到web浏览器速度较慢的性能问题.原因是如果js脚本同时创建大量变量,jscript引擎执行垃圾收 ...

  6. css与js后边有?v=20160101

    原文地址http://blog.csdn.net/zanychou/article/details/8813076 <span style="font-size:14px;" ...

  7. 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件

    找了这么久资料,总算解决了 感谢博客园:http://www.cnblogs.com/xsht/p/5275081.html 感谢百度:http://zhidao.baidu.com/link?url ...

  8. MVC bundle(CSS或JS)

    无论是有asp还是asp.net,还是php做网站经验的都知道当我们需要css或者js文件的时候我们需要在<head></head>标签中间导入我们需要的js或者css文件的路 ...

  9. HTML,CSS,JS,JQ

    CSS: <style> <!--属性选择器--> .container input[type="text"][name="txt"]{ ...

随机推荐

  1. Linux-modules software

    简介 这里指的modules不是linux内核相关的module,只是用于软件多版本控制的一个开源软件包,比如说系统同时有neo4j的不同版本,使用modules软件就可以使得在需要的时候选择相应的软 ...

  2. Swift-07-析构器deinit

    析构器只适用于类类型,当一个类的实例被释放之前,析构器会被立即调用.析构器用关键字deinit来标识,类似于构造器用init来标识. 原理: Swift会自动释放不再需要的实例以释放资源.Swift通 ...

  3. JMeter学习-005-JMeter 主要组件概要介绍及执行顺序

    本文将对 JMeter 主要组件(主要涉及 Threads(Users).Test Fragment.逻辑控制器.配置元件.定时器.前置处理器.Sampler.后置处理器.断言.监听器 十大组件)进行 ...

  4. ASIHTTPRequest实现https双向认证请求

    什么是双向认证呢?简而言之,就是服务器端对请求它的客户端要进行身份验证,客户端对自己所请求的服务器也会做身份验证.服务端一旦验证到请求自己的客户端为不可信任的,服务端就拒绝继续通信.客户端如果发现服务 ...

  5. svn使用svnsync实现双机热备

    前提条件: 主:10.11.100.205从:10.11.100.50 源目录:http://10.11.100.205/svn/rep-ops目标目录:http://10.11.100.50/svn ...

  6. 请问下./在Linux下是什么意思

    请问下./在Linux下是什么意思 http://zhidao.baidu.com/link?url=1f-80KN7cdi-7XECpwXLUn6Ps4reMBL2zB6eiDk7JliwDgW6k ...

  7. APICloud提供适用于命令行的开发工具,开发更具极客精神!

    APICloud近期大动作不断,上周刚刚支持Atom编辑器,并推出核心开发工具库.本周又为开发者提供了一款超轻便的新开发工具--CLI工具! 操作系统: Mac/Windows/Linux nodej ...

  8. NPOI 导入,导出EXCEL

    代码: public static class NPOIExcelHelper { /// <summary> /// DataTable导出到Excel文件 /// </summa ...

  9. Redis 安全性设置

    redis安装好后,默认情况下登陆客户端和使用命令操作时不需要密码的.某些情况下,为了安全起见,我们可以设置在客户端连接后进行任何操作之前都要进行密码验证. 我这边是安装的window系统,修改red ...

  10. Vue.2.0.5-混合

    基础 混合是一种灵活的分布式复用 Vue 组件的方式.混合对象可以包含任意组件选项.以组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项. 例子: // 定义一个混合对象 var myMi ...