2005-10-03

从DHTML应用再次唤起一种思维:Flag

来源: 本站收集整理 作者:佚名 评论 0 条
  学习DHTML都知道innerHTML,innerText的优势所在(如不清楚,请看这里)

假设我有这样的需要分析:一段文本,点击之后变成另外一段文本。

OK,如何实现呢?我这样
<a href="#" onclick="this.innerHTML='我是第2个'">我是第1个</a>

这是用innerHTML(注重大小写)实现的,我还可以这样
<a href="#" onclick="this.innerText='我是第2个'">我是第1个</a>

殊途同归。下面,我有个想法,那就是让第1个和第2个进行互点变换

思维的依靠性,或许一般想法即innerHTML或innerText的嵌套使用

方法各位可以去试:)静心想下,必定觉得这是行不通的(一时非一世)

那么,如何解决呢?

首先我先想到的是判定当前值,再赋于其新的值
再次判定当前值,赋于其之前的值
so do loop...
其实,两个步骤就是一个循环了

接着很快我又否决了这个想法,正如为什么推荐使用变量一样,为什么要判定当前的值呢?假如值很大,很多,很长,怎么办?

so,一个概念被唤醒:Flag

Flag就是一个标志了,比如我当前的该要求只有两个状态,设置初始状态,判定点击后赋于另外一个值。而该判定正类似对布尔值的调试,所以就有了下面的想法
<script>
a=true
</script>
<a href="#" onclick="if(a){this.innerHTML='我是第2个';a=false};else{this.innerHTML='我是第1个';a=true}">我是第1个</a>

所以,在很多时候,需要依照状态判定的时候。尤其是判定条件互制的时,Flag一下是个好思维。

(就事论事,不表他言)

另外今天应用了一个
<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="cnbruce" width="245" height="240">
<param name="URL" value="http://www.yaoni.com.cn/music/aiqingnuomandi.wma">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value>
<param name="playCount" value="1">
<param name="autoStart" value="-1">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="baseURL" value>
<param name="volume" value="50">
<param name="mute" value="0">
<param name="uiMode" value="full">
<param name="stretchToFit" value="0">
<param name="windowlessVideo" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="-1">
<param name="fullScreen" value="0">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
<param name="enableErrorDialogs" value="0">
<param name="_cx" value="6482">
<param name="_cy" value="6350">
</object>
</p>

<script>
a=true
</script>
<a href="###" onclick="if(a){this.innerHTML='4';a=false;parent.cnbruce.controls.pause()};else{this.innerHTML=';';a=true;parent.cnbruce.controls.play()}" style="font-size:12px; color:#000000;font-family:Webdings">;</a>

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:非常详细的IMG,IFRAME的属性参考  
下一篇:网站设计技术规范
    评论加载中…

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号