你所要知道JS(DHTML)中的一些技巧


Posted in Javascript onJanuary 09, 2007

这些天都没有更新日志了,这篇文章就也算是自己的一些经验谈了。简单的说一些技巧给大家,希望对你有所帮助,如果还有疑问,可以在下边留言。

一、全等运算符 
在JS中,不为0的数皆为true,除了几个特殊的变量除外。比如:undefined,null,""等。这在大多数情况下,也是我们所期望的。
但你不应该忽略这个全等运算符。因此需要较为严格的效验下,我们可以用===这个全等运算符,看下面的代码:
//平常的一些效验
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>
下面来说明用了这句代码为什么可以去除嵌套:
我们知道,JS变量中,假如变量是这样
 <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来取得路径在某些情况下,可以较快的得到路径。

四、用!!运算符得到一个变量的boolean值,在某种程度上说,就是相当于强制转型
比如
 <script type="text/javascript">
 //<![CDATA[
    var isSupportedXMLHttp = !!new ActiveXObject("MSXML2.XMLHTTP");
    alert(isSupportedXMLHttp)
 //]]>
 </script>
为什么会这样,我们可以从技巧一中可以得知答案。这里不再重复。

五、条件编译。
如果你觉得有必要的话,可以使用此方法。这和一些强语言里的条件编译类似。很多情况下用于——兼容。
这里只是简单的提一下,如果你有兴趣,可以参看MSDN,或者看一些JS条件编译的文章。
只需要几个语法:
@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
@*/

六、其它的,现在一下想不到那么多,暂时先写到这吧 

Javascript 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
JS在IE下缺少标识符的错误
Jul 23 Javascript
javascript里使用php代码实例
Dec 13 Javascript
JavaScript中数据结构与算法(一):栈
Jun 19 Javascript
详细解读JavaScript编程中的Promise使用
Jul 27 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
Aug 07 Javascript
JavaScript小技巧整理
Dec 30 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
使用百度地图实现地图网格的示例
Feb 06 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
Apr 23 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
Sep 02 Javascript
sina的lightbox效果。
Jan 09 #Javascript
JS中简单的实现像C#中using功能(有源码下载)
Jan 09 #Javascript
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 #Javascript
兼容Mozilla必须知道的知识。
Jan 09 #Javascript
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
Jan 09 #Javascript
添加到收藏夹代码(兼容几乎所有的浏览器)
Jan 09 #Javascript
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 #Javascript
You might like
PHP中cookies使用指南
2007/03/16 PHP
PHP Token(令牌)设计
2008/03/15 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
php判断对象是派生自哪个类的方法
2015/06/20 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
PhpStorm+xdebug+postman调试技巧分享
2020/09/15 PHP
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
javascript判断并获取注册表中可信任站点的方法
2015/06/01 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
2016/10/12 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
2016/12/31 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
vue使用canvas实现移动端手写签名
2020/09/22 Javascript
小程序自定义圆形进度条
2020/11/17 Javascript
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python实现的石头剪子布代码分享
2014/08/22 Python
python爬虫获取淘宝天猫商品详细参数
2020/06/23 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
python 日期排序的实例代码
2019/07/11 Python
python实现对图片进行旋转,放缩,裁剪的功能
2019/08/07 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
Python如何使用27行代码绘制星星图
2020/07/20 Python
整理的15个非常有用的 HTML5 开发教程和速查手册
2011/10/18 HTML / CSS
Raffaello Network德国:意大利拉斐尔时尚购物网
2019/05/01 全球购物
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
一份报关员的职业规划范文
2014/01/08 职场文书
开展党的群众路线教育实践活动情况汇报
2014/11/05 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
消夏晚会主持词
2015/06/30 职场文书