易截截图软件、单文件、免安装、纯绿色、仅160KB

IE与FF在js、css、html方面的不兼容问题


js要求:为使系统能在IE和FF下正常运行,不要使用原生态的javascript,建议使用js的库(如:jquery)
        并且要求用jquery中,获取对象的属性使用$obj.attr("attrName"),不要使用obj.attrName,防止自定义的属性在FF中不能正常运行
1、问题:<span></span>在FF下运行不正常
   解决方法:用<div></div>替换
2、现有问题:document.frames[i].document不能在FF下正常运行
   解决方法:window.frames[i].document(IE,FF都可正常运行)
   注意:这并不是说document对象在FF中不能使用,只是针对frames对象不能用document
3、改错:document.body.clientWidth,document.body.clientHeight在IE和FF下都能正常运行
4、判断IE浏览器和FF的JS
   (1)if(navigator.appName.indexOf("Explorer")>-1){}//IE,Opera
    else{}//FF
   (2)if (document.all) {}//IE
    else{}//FF
5、问题:node.firstChild在FF下不能正常运行
   解决方法:用getElmentById("id")替换
6、问题:scroll='no'在FF中玩法正常运行
  解决方法:style="overflow:hidden;"  
7、问题:获取自定义属性
   在FF中,自定义的属性必须用getAttribute()取得(IE也可以)
   而IE可以直接通过“.”运算符获取
 
8、<tbody></tbody>不显示定义在FF下就找不到<tbody>对象
  解决方法:在table中定义<thead>的同时也要显示定义<tbody>
9、脚本库Jquery.js不能随便换为jquery-1.3.2-min.js会报错
10、event对象在IE和FF中不同
   (1)在 IE 中,事件对象是作为一个   全局变量   来保存和维护的。 所有的浏览器事件,不管是用户触发的,还是其他事件, 都会更新window.event 对象。 所以在代码中,只要轻松调用 window.event 就可以轻松获取 事件对象, 再 event.srcElement 就可以取得触发事件的元素进行进一步处理
        在 ff 中,事件对象却       不是全局对象, 一般情况下,是现场发生,现场使用,ff把事件对象自动传递给对应的事件处理函数。
       &nb


相关文档:

div css网站布局的八个小技巧

 div css网站布局的八个小技巧 
  1.若有疑问立即检测
 
 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请
见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的 ......

js/css语法对照


盒子标签和属性对照
CSS语法(不区分大小写)
JavaScript语法(区分大小写)
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......

CSS圆角

介于纯粹CSS的无图片圆角实在是代码太乱,还是倾向于利用图片结合CSS来自做圆角;
(1)高宽皆自适应:
.roundedcornr_box_510746 {
   background: #dddddd url(roundedcornr_510746_grad.gif) repeat top left;width:300px;
}
.roundedcornr_top_510746 div {
   background:transparent url(r ......

[HTML] 关于表单提交的诡异现象

首先,我们来看下如下的代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=& ......

HTML中的内联元素与块级元素(inline and block)

<html>
<head>
<title>block and inline test</title>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<span>span1</span>
<span>span2</span>
<span>span3</span>
</body& ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号