JavaScript 开发中的五个实用技巧：全等校验、防嵌套与路径获取

近期未更新日志，本文分享一些个人在开发中积累的JavaScript经验与技巧，旨在为读者提供实际帮助。若阅读后仍有疑问，欢迎在评论区留言交流。

全等运算符与严格校验

在JavaScript中，除undefined、null、空字符串""等特定变量外，所有非零数值在逻辑判断中均被视为true。这一特性在大多数场景下符合开发者的预期。

然而，开发者不应忽视全等运算符的作用。为了确保类型和值的双重严格校验，建议使用===运算符。参考以下代码示例：

//常规逻辑校验

var foo = function(arg) {

if (!arg) {

alert("normal false");

} else { alert("true"); }

foo(null); //输出: false

foo(false); //输出: false

foo(""); //输出: false

foo("never-online"); //输出: true

//全等运算符校验

var foo = function(arg) {

if (arg===false) {

alert("false");

} else { alert("not a false variable") }

foo(null); //输出: not a false variable

foo(false); //输出: false

foo(""); //输出: not a false variable

foo("never-online"); //输出: not a false variable

利用变量覆盖去除网页嵌套

例如，尝试将baidu.com嵌入自定义的iframe时，可能会遇到非预期结果。这是因为目标网站包含如下代码：

if(self!=top){top.location=self.location;}

该代码的作用是：若检测到页面被嵌套（即使用了frame技术），则跳出嵌套，将当前frame的URL重定向至顶层窗口。

这是一个常见且令人头疼的问题，许多免费空间也使用了类似的防嵌套代码。若要绕过此限制，可尝试以下代码：

<script>

var location='never-online';

</script>

下面解释为何上述代码能去除嵌套效果：

我们知道，在JavaScript变量作用域中，若定义如下变量：

<script type="text/javascript">

//<![CDATA[

myVar = "never-online";

(function () {

//var myVar;

alert(myVar)

</script>

上述代码会显示字符串"never-online"。但若将//var myVar取消注释（即声明局部变量），结果将变为undefined。使用var location="never-online"同理，以下代码或许能解开疑惑：

<script type="text/javascript">

//<![CDATA[

alert(location);

//var location;

</script>

第二次运行时，若还原var location语句并对比结果，即可明白原因。window和document对象也存在类似机制，有兴趣的读者可自行验证。

获取当前页面路径的技巧

实现获取路径目的的方法有多种，例如利用location对象，但此处示例通过创建IMG标签实现。代码如下：

<script type="text/javascript">

//<![CDATA[

var p = document.createElement("IMG");

p.src="."; alert(p.src);

</script>

在路径表示中，"."代表当前文件夹。因此，在某些场景下，利用IMG标签获取路径可以更快地得到当前路径信息。

双感叹号与布尔强制转换

例如：

<script type="text/javascript">

//<![CDATA[

var isSupportedXMLHttp = !!new ActiveXObject("MSXML2.XMLHTTP");

alert(isSupportedXMLHttp)

</script>

其原理可从技巧一中的逻辑推断得出，此处不再赘述。

IE条件编译语法简介

如有需要，可使用此方法。这与强类型语言中的条件编译类似，常用于处理浏览器兼容性问题。

此处仅简要提及，感兴趣的读者可查阅MSDN文档或相关JavaScript条件编译文章。

主要涉及以下几个语法：

@cc_on - 条件编译中必须包含，用于激活条件编译功能

@set @varname = term - 用于赋值操作

接下来是判断语句：

@if

@else

@end

简单示例如下：

/*@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

六、其他内容暂时未列举更多，先记录至此。