你所要知道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 相关文章推荐
地址栏上的一段语句,改变页面的风格。(教程)
Apr 02 Javascript
一个JS小玩意 几个属性相加不能超过一个特定值.
Sep 29 Javascript
Jquery 快速构建可拖曳的购物车DragDrop
Nov 30 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
js操作css属性实现div层展开关闭效果的方法
May 11 Javascript
AngularJS初始化静态模板详解
Jan 14 Javascript
微信小程序如何获知用户运行小程序的场景教程
May 17 Javascript
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
vue移动端实现红包雨效果
Jun 23 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 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
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
PHP7+Nginx的配置与安装教程详解
2016/05/10 PHP
使javascript也能包含文件
2006/10/26 Javascript
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
用js做一个小游戏平台 (一)
2009/12/29 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
JavaScript数据类型转换的注意事项
2016/07/31 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
详解jQuery中的DOM操作
2016/12/23 Javascript
JS中input表单隐藏域及其使用方法
2017/02/13 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
JavaScript实现两个select下拉框选项左移右移
2017/03/09 Javascript
Vue上传组件vue Simple Uploader的用法示例
2017/08/25 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
Vue批量图片显示时遇到的路径被解析问题
2019/03/28 Javascript
vue+AI智能机器人回复功能实现
2020/07/16 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
wxPython框架类和面板类的使用实例
2014/09/28 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
Django中FilePathField字段的用法
2020/05/21 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
Python tkinter实现日期选择器
2021/02/22 Python
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2015/09/07 面试题
学生个人的自我评价分享
2013/11/05 职场文书
志愿者服务感言
2014/02/27 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书