午夜精品在线,欧美日本久久,亚洲男人天堂一区

Javascript在IE和FireFox中的不同表现

Fri, 20 Jun 2008 07:55:00 GMT

JS 对象介绍 1.document.formName.item("itemName") 问题
说明:IE�?可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox�?只能使用document.formName.elements["elementName"].
解决�Ҏ��:�l�一使用document.formName.elements["elementName"].

2.集合�c�d��象问�?br /> 说明:IE�?可以使用()或[]获取集合�c�d��?Firefox�?只能使用[]获取集合�c�d��?
解决�Ҏ��:�l�一使用[]获取集合�c�d��?

3.自定义属性问�?br /> 说明:IE�?可以使用获取常规属性的�Ҏ��来获取自定义属�?也可以��用getAttribute()获取自定义属�?Firefox�?只能使用getAttribute()获取自定义属�?
解决�Ҏ��:�l�一通过getAttribute()获取自定义属�?

4.eval("idName")问题
说明:IE�?,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能��用getElementById("idName")来取得id为idName的HTML对象.
解决�Ҏ��:�l�一用getElementById("idName")来取得id为idName的HTML对象.

5.变量名与某HTML对象ID相同的问�?br /> 说明:IE�?HTML对象的ID可以作�ؓdocument的下属对象变量名直接使用;Firefox下则不能.Firefox�?可以使用与HTML对象ID相同的变量名;IE下则不能�?br /> 解决�Ҏ��:使用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID相同的变量名,以减��错�?在声明变量时,一律加上var,以避免歧�?

7.input.type属性问�?br /> 说明:IE下input.type属性�ؓ只读;但是Firefox下input.type属性�ؓ��d��.

9.event.x与event.y问题
说明:IE�?even对象有x,y属�?但是没有pageX,pageY属�?Firefox�?even对象有pageX,pageY属�?但是没有x,y属�?
解决�Ҏ��:使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.

10.event.srcElement问题
说明:IE�?event对象有srcElement属�?但是没有target属�?Firefox�?event对象有target属�?但是没有srcElement属�?
解决�Ҏ��:使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.

13.frame问题
以下面的frame��Z��Q?br />

(1)讉K��frame对象:
IE:使用window.frameId或者window.frameName来访问这个frame对象.
Firefox:只能使用window.frameName来访问这个frame对象.
另外�Q�在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.

(2)切换frame内容:
在IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或window.frameName.location = "xxx.html"来切换frame的内�?

如果需要将frame中的参数传回父窗口，可以在frme中��用parent来访问父�H�口。例如：parent.document.form1.filename.value="Aqing";

14.body问题
Firefox的body在body标签没有被浏览器完全��d��之前��存在；而IE的body则必��d��body标签被浏览器完全��d��之后才存�?

例如�Q?
Firefox�Q?

IE&Firefox�Q?

15. 事�g委托�Ҏ��
IE�Q�document.body.onload = inject; //Function inject()在这之前已被实现

Firefox�Q�document.body.onload = inject();

有�h说标准是�Q?br /> document.body.onload=new Function('inject()');

16. firefox与IE(parentElement)的父元素的区�?br /> IE�Q�obj.parentElement
firefox�Q�obj.parentNode

解决�Ҏ��: 因�ؓfirefox与IE都支持DOM,因此使用obj.parentNode是不错选择.

17.innerText在IE中能正常工作�Q�但是innerText在FireFox中却不行.
解决�Ҏ��:
if(navigator.appName.indexOf("Explorer") > -1){

document.getElementById('element').innerText = "my text";

} else{

document.getElementById('element').textContent = "my text";

}

18. FireFox中类�?obj.style.height = imgObj.height 的语句无�?br /> 解决�Ҏ��Q?br /> obj.style.height = imgObj.height + 'px';

19. ie,firefox以及其它��览器对�?table 标签的操作都各不相同�Q�在ie中不允许对table和tr的innerHTML赋��|��使用js增加一个tr�Ӟ��使用appendChile�Ҏ��也不��用�?br /> 解决�Ҏ��Q?br /> //向table�q�加一个空行：
var row = otable.insertRow(-1);
var cell = document.createElement("td");
cell.innerHTML = " ";
cell.className = "XXXX";
row.appendChild(cell);

20. padding 问题
padding 5px 4px 3px 1px FireFox无法解释��?

必须�Ҏ�� padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px;

21. 消除ul、ol�{�列表的�~�进�?br /> 样式应写�?list-style:none;margin:0px;padding:0px;

其中margin属性对IE有效�Q�padding属性对FireFox有效

22. CSS透明
IE�Q�filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)�?/p>

FF�Q�opacity:0.6�?/p>

23. CSS圆角
IE�Q�不支持圆角�?/p>

FF�Q?-moz-border-radius:4px�Q�或�?moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius- bottomright:4px;�?/p>

24. CSS双线凹凸�Ҏ��
IE�Q�border:2px outset;�?/p>

FF�Q?-moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;

25�Q�ie支持document.all 而firefox 不支�?br /> 改用下面三个tag的其中一个来代替document.all
getElementsByTagName("tagName") 可以得到得到所有标�{�օ�素的集合
getElementById("idName") 可以按id得到某一元素
getElementsByName("Name") 可以得到按name属性得到某一元素

26、firefox 中��用innerHTML 的方�?br />

document.all.online.innerHTML; //�q�种�Ҏ��在IE中可以��用，但不是标准方�?br /> document.getElementById("online").innerHTML; //�q�样firefox��p��使用innerHTML�?/p>

27、eval()与window.execScript()执行脚本
IE、firerox均支持eval()�Q�firefox不支持window.execScript()

解决�Q�统一使用eval()

28、对事�g处理函数的重�?br /> 解决�Q�（例）:如对document的onclick()重写�Q�统一使用document.onclick = function(){…}

��腥�?/a> 2008-06-20 15:55 发表评论

Wed, 18 Jun 2008 16:45:00 GMT

        现在的系�l��ؓ了得到更好的用户体验�Q�都加入了ajax的特效，只要用到了ajax的代码，��׃��引来一大堆js代码�Q�这些代码其实也挺占用带宽的�Q��ؓ了�ɾ|�页加蝲得更快，军_��在项目中才用�|�上��行的js压羃器来压羃代码。压�~�后的代码基本可以抽�?0%左右的脂肪�?br />
        扑ֈ�几个压羃器，发现很多压羃器压�~�后的js代码都出现这��h��那样的问�?br />
ESC 1.14   http://www.saltstorm.net/depo/esc/?pod=js   压羃后有些中文会出现问号�Q�我的js代码是用utf-8格式�Q?br /> jsmin http://www.crockford.com/javascript/jsmin.html   压羃后有些中文会出现问号
dean edwards的packer http://dean.edwards.name/packer/ 压羃后的js代码会出现部分分��h��大括号丢失，��D��语法错误

最后找��C��yuicompressor-2.3.4 http://developer.yahoo.com/yui/compressor/ 感觉很好用，压羃后无损代码，而且�q�css也可以压�~�，压羃的时候很多参数可以设�|�，可以制定js代码的编码格式等�Q�java�q�行�Q�本人写了一个bat批处理遍历制定文件夹里面的所有js和css文�g�q�行压羃�?br />
��目中用到网上流行的ext2 js库，所以项目中有很多js代码�Q�于是写的bat遍历文�g压羃代码

(dir %1 /aa /b /s  | findstr /e /c:"js") >tmp.txt
for /f %%i in (tmp.txt) do java -jar yuicompressor-2.3.4.jar --type js --charset utf-8 -o %%i.tmp %%i  & copy %%i".tmp" %%i & del %%i".tmp"

(dir %1 /aa /b /s  | findstr /e /c:"css") >tmp.txt
for /f %%i in (tmp.txt) do java -jar yuicompressor-2.3.4.jar --type css --charset utf-8 -o %%i.tmp %%i  & copy %%i".tmp" %%i & del %%i".tmp"

保存�?nbsp; jscompressor.bat �q�行的时候在输入 jscompressor (是我们指定的路径) ��可以批量进行压�~�，压羃后替换压�~�前的代码�?/p>

下面是一些参数的说明�?/p>

==============================================================================
YUI Compressor
==============================================================================

NAME

  YUI Compressor - The Yahoo! JavaScript and CSS Compressor

SYNOPSIS

  Usage: java -jar yuicompressor-x.y.z.jar [options] [input file]

  Global Options
    -h, --help                Displays this information
    --type <js|css>           Specifies the type of the input file
    --charset <charset>       Read the input file using <charset>
    --line-break <column>     Insert a line break after the specified column number
    -v, --verbose             Display informational messages and warnings
    -o <file>                 Place the output into <file>. Defaults to stdout.

  JavaScript Options
    --nomunge                 Minify only, do not obfuscate
    --preserve-semi           Preserve all semicolons
    --disable-optimizations   Disable all micro optimizations

DESCRIPTION

  The YUI Compressor is a JavaScript compressor which, in addition to removing
  comments and white-spaces, obfuscates local variables using the smallest
  possible variable name. This obfuscation is safe, even when using constructs
  such as 'eval' or 'with' (although the compression is not optimal is those
  cases) Compared to jsmin, the average savings is around 20%.

  The YUI Compressor is also able to safely compress CSS files. The decision
  on which compressor is being used is made on the file extension (js or css)

GLOBAL OPTIONS

  -h, --help
      Prints help on how to use the YUI Compressor

  --line-break
      Some source control tools don't like files containing lines longer than,
      say 8000 characters. The linebreak option is used in that case to split
      long lines after a specific column. It can also be used to make the code
      more readable, easier to debug (especially with the MS Script Debugger)
      Specify 0 to get a line break after each semi-colon in JavaScript, and
      after each rule in CSS.

  --type js|css
      The type of compressor (JavaScript or CSS) is chosen based on the
      extension of the input file name (.js or .css) This option is required
      if no input file has been specified. Otherwise, this option is only
      required if the input file extension is neither 'js' nor 'css'.

  --charset character-set
      If a supported character set is specified, the YUI Compressor will use it
      to read the input file. Otherwise, it will assume that the platform's
      default character set is being used. The output file is encoded using
      the same character set.

  -o outfile
      Place output in file outfile. If not specified, the YUI Compressor will
      default to the standard output, which you can redirect to a file.

  -v, --verbose
      Display informational messages and warnings.

JAVASCRIPT ONLY OPTIONS

  --nomunge
      Minify only. Do not obfuscate local symbols.

  --preserve-semi
      Preserve unnecessary semicolons (such as right before a '}') This option
      is useful when compressed code has to be run through JSLint (which is the
      case of YUI for example)

  --disable-optimizations
      Disable all the built-in micro optimizations.

��腥�?/a> 2008-06-19 00:45 发表评论