你所要知道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 相关文章推荐
jQuery 表格工具集
Apr 25 Javascript
javascript将url中的参数加密解密代码
Nov 17 Javascript
jQuery实现精美的多级下拉菜单特效
Mar 14 Javascript
使用console进行性能测试
Apr 27 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
ES2015 Symbol 一种绝不重复的值
Dec 25 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
JavaScript编写的网页小游戏,很给力
Aug 18 Javascript
Angular6中使用Swiper的方法示例
Jul 09 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
Aug 02 Javascript
vux-scroller实现移动端上拉加载功能过程解析
Oct 08 Javascript
js+canvas实现五子棋小游戏
Aug 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 应用程序安全防范技术研究
2009/09/25 PHP
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
PHP实现生成唯一编号(36进制的不重复编号)
2014/07/01 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
Laravel利用gulp如何构建前端资源详解
2018/06/03 PHP
基于PHP+Mysql简单实现了图书购物车系统的实例详解
2020/08/06 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
Javascript 网页黑白效果实现代码(兼容IE/FF等)
2010/04/23 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
2016/06/21 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/10/05 Javascript
bootstrapValidator bootstrap-select验证不可用的解决办法
2017/01/11 Javascript
微信小程序 template模板详解及实例
2017/02/21 Javascript
微信小程序对接七牛云存储的方法
2017/07/30 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
Bootstrap table 服务器端分页功能实现方法示例
2020/06/01 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
使用优化器来提升Python程序的执行效率的教程
2015/04/02 Python
Python爬豆瓣电影实例
2018/02/23 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
Python configparser模块常用方法解析
2020/05/22 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
Python之多进程与多线程的使用
2021/02/23 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
万年牢教学反思
2014/02/15 职场文书
入党综合考察材料
2014/06/02 职场文书
中学生纪念九一八事变演讲稿
2014/09/14 职场文书
公司授权委托书样本
2014/09/15 职场文书
高校师德师风自我剖析材料
2014/09/29 职场文书
2015年度女工工作总结
2015/10/22 职场文书
学校教代会开幕词
2016/03/04 职场文书