jscript/javascript条件编译

2008-02-23 07:56:45来源：互联网阅读 ()

IE中jscript/javascript的条件编译

作者:JavaScript Kit
译者:子乌(Sheneyan)
翻译日期:2006-02-12
英文原文:Conditional Compilation of JScript/ JavaScript in IE
版权:翻译未经过javascript kit同意，我只对我所翻译的中文部分负责。版权归原作者所有。

子乌注：如同以前的文章一样，我只能按照我对文章的理解翻译出来，但是我自己水平实在有限，很多地方可能存在对原文的误解甚至是误会，有可能的话还是读一读原文。

条件编译概述

在IE中，有一个鲜为人知的功能叫做条件编译(conditional compilation)。自从IE4开始支持这个功能，它由于在一些Ajax相关的javascript脚本中出现而受到一些关注。条件编译作为一种独立形式的对象判断，使得IE可以根据预定义或用户定义的条件来决定你的jscript或javascript代码特定部分是否编译。也可以把它看成是你的代码的条件注释(contional comments,很快会翻译这篇文章),使你的代码能够在非IE浏览上也顺利运行。

语法概述

通过在你的脚本中使用@cc_on来激活条件编译，或者直接使用@if或者@set等等作为CC逻辑中一部分的句子来激活它。这里是一个示范例子：

/*@cc_on
document.write("JScript 版本: " @_jscript_version ".<br>");
/*@if (@_jscript_version >= 5)
document.write("JScript 版本 5.0 .<br \/>");
document.write("只有当浏览器支持JScript5 的时候你才能看到这些文字.<br>");
@else @*/
document.write("当你使用其他浏览器(比如: Firefox, IE 4.x 之类)的时候看到这行文字<br>");
/*@end
@*/

</script>

例子:

运行代码框
<script type="text/javascript"> /*@cc_on document.write("JScript 版本: " @_jscript_version ".<br />"); /*@if (@_jscript_version >= 5) document.write("JScript 版本 5.0 .<br />"); document.write("只有当浏览器支持JScript5 的时候你才能看到这些文字。<br />"); @else @*/ document.write("当你使用其他浏览器(比如: Firefox, IE 4.x 之类)的时候看到这行文字。<br />"); /*@end @*/ </script>
[Ctrl A 全部选择提示：你可先修改部分代码，再按运行]

如果你使用IE（任何版本），你应该能够看到第一个document.write()的输出，如果是IE5 ,接下来的两个document.write()你也能够看见（因为从IE5开始支持JScript 5）。最后一个document.write()方法是为了其他非IE5 浏览器服务的，无论是Firefox，opera，IE4,或者什么别的。条件编译依赖于类似在条件注释中使用的注释标签，以确保它在所有浏览器中都能工作顺畅。

当使用条件编译的时候，最好先通过@cc_on语句来激活它，只有这样你才能在你的脚本中包含注释标签以保证浏览器兼容，、就好像上面例子中所显示的那样。(子乌注：这句英文我翻译的不是很顺...看起来似乎与上面的句子矛盾)

@if, @elif, @else,@end 语句

在这个奇怪的开场白之后，这里是一些用于条件便于的条件语句：

@if
@elif
@else
@end

现在让我们看一些“古怪”的例子。

if else 逻辑 (排除IE外的浏览器)

/*@cc_on
@if (@_win32)
document.write("操作系统是32位windows。浏览器是IE。");
@else
document.write("操作系统不是32位windows。浏览器是IE。");
@end
@*/

这是一段完整的脚本，只被ie浏览器所识别并忽略其他所有浏览器，这段脚本在不同的操作系统上将显示不同的内容。对比一下下面这个例子……

if else 逻辑2 (包含其他浏览器)

/*@cc_on
/*@if (@_win32)
document.write("操作系统是32位windows。浏览器是IE。");
@else @*/
document.write("浏览器不是IE (如: Firefox)或者浏览器不是在32位windows下的IE。");
/*@end
@*/

熟练使用注释标签，这个例子中的else部分能够包含所有的非ie浏览器（如firefox），以及非32位windows下的IE。努力的研究这段注释，直到你脑袋发昏，你就会明白这个逻辑了

if, elseif, else逻辑 (排除IE外的浏览器)

继续吧，可以看全部内容了：

/*@cc_on
@if (@_jscript_version >= 5)
document.write("IE Browser that supports JScript 5 ");
@elif (@_jscript_version >= 4)
document.write("IE Browser that supports JScript 4 ");
@else
document.write("Very old IE Browser");
@end
@*/

if, elseif, else 逻辑2(包含其他浏览器)

/*@cc_on
/*@if (@_jscript_version >= 5)
document.write("IE Browser that supports JScript 5 ");
@elif (@_jscript_version >= 4)
document.write("IE Browser that supports JScript 4 ");
@else @*/
document.write("Non IE Browser (one that doesn't support JScript)");
/*@end
@*/

全面的处理。在这最后一个例子中，最后一个else语句包含了所有非IE浏览器。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有