你所要知道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的实现简单的表格中增加或删除下一行
Aug 01 Javascript
js中巧用cssText属性批量操作样式
Mar 13 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 Javascript
浅谈js中变量初始化
Feb 03 Javascript
JavaScript中return false的用法
Mar 12 Javascript
JavaScript实现移动端滑动选择日期功能
Jun 21 Javascript
jQuery插件ContextMenu自定义图标
Mar 15 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
node.js自动上传ftp的脚本分享
Jun 16 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
TypeScript中的方法重载详解
Apr 12 Javascript
vue项目前端错误收集之sentry教程详解
May 27 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 面向对象详解
2012/09/13 PHP
从零开始学YII2框架(六)高级应用程序模板
2014/08/20 PHP
php实现粘贴截图并完成上传功能
2015/05/17 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
2016/07/13 PHP
yii2缓存Caching基本用法示例
2016/07/18 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
PHP数据源架构模式之表入口模式实例分析
2020/01/23 PHP
javascript document.execCommand() 常用解析
2009/12/14 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
2010/11/14 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
总结javascript中的六种迭代器
2016/08/16 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
2020/06/24 jQuery
[15:23]教你分分钟做大人:虚空假面
2014/10/30 DOTA
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
Python中enumerate函数代码解析
2017/10/31 Python
python实现用户答题功能
2018/01/17 Python
对Python中range()函数和list的比较
2018/04/19 Python
Python3实现转换Image图片格式
2018/06/21 Python
有关Python的22个编程技巧
2018/08/29 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
Python读取yaml文件的详细教程
2020/07/21 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
PyTorch预训练Bert模型的示例
2020/11/17 Python
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
老海军美国官网:Old Navy
2016/09/05 全球购物
以实惠的价格提供高品质的时尚:Newchic
2018/01/18 全球购物
最新计算机专业自荐信
2013/10/16 职场文书
大学毕业生最详细的自我评价分享
2013/11/18 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
关爱空巢老人感想
2015/08/11 职场文书
2019年暑期安全广播稿!
2019/07/03 职场文书