你所要知道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 相关文章推荐
用javascript动态调整iframe高度的代码
Apr 10 Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
Mar 31 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 Javascript
JavaScript 语言基础知识点总结(思维导图)
Nov 10 Javascript
jQuery中clearQueue()方法用法实例
Dec 29 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
纯JS实现轮播图
Feb 22 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
Sep 05 Javascript
基于JavaScript 性能优化技巧心得(分享)
Dec 11 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 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队列的实现
2019/03/14 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
js 表单验证方法(实用)
2009/04/28 Javascript
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
jquery如何判断某元素是否具备指定的样式
2013/11/05 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
javascript初学者常用技巧
2014/09/02 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
简介JavaScript中Math.cos()余弦方法的使用
2015/06/15 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
vue todo-list组件发布到npm上的方法
2018/04/04 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
基于vue实现web端超大数据量表格的卡顿解决
2019/04/02 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
layer弹出层倒计时关闭的实现方法
2019/09/27 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
[41:05]Serenity vs Pain 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python 控制语句
2011/11/03 Python
Python中的类与对象之描述符详解
2015/03/27 Python
python安装twisted的问题解析
2018/08/21 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
GWT (Google Web Toolkit)有哪些主要的原件组成?
2015/06/08 面试题
教育合作协议范本
2014/10/17 职场文书
小学重阳节活动总结
2015/03/24 职场文书
诚信高考倡议书
2019/06/24 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
python超详细实现完整学生成绩管理系统
2022/03/17 Python
python使用shell脚本创建kafka连接器
2022/04/29 Python