作者:趣趣虎 来源:www.ququhu.com 时间:2007-09-05
学习DHTML都知道innerHTML,innerText的优势所在(如不清楚,请看这里)
假设我有这样的需要分析:一段文本,点击之后变成另外一段文本。
OK,如何实现呢?我这样
这是用innerHTML(注意大小写)实现的,我还可以这样
殊途同归。下面,我有个想法,那就是让第1个和第2个进行互点变换
思维的依赖性,或许一般想法即innerHTML或innerText的嵌套使用
方法各位可以去试:)静心想下,必定觉得这是行不通的(一时非一世)
那么,如何解决呢?
首先我先想到的是判断当前值,再赋于其新的值
再次判断当前值,赋于其之前的值
so do loop...
其实,两个步骤就是一个循环了
接着很快我又否决了这个想法,正如为什么推荐使用变量一样,为什么要判断当前的值呢?如果值很大,很多,很长,怎么办?
so,一个概念被唤醒:Flag
Flag就是一个标志了,比如我当前的该要求只有两个状态,设置初始状态,判断点击后赋于另外一个值。而该判断正类似对布尔值的调试,所以就有了下面的想法
所以,在很多时候,需要依照状态判断的时候。尤其是判断条件互制的时,Flag一下是个好思维。
(就事论事,不表他言)
另外今天应用了一个
假设我有这样的需要分析:一段文本,点击之后变成另外一段文本。
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>
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>
<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>
文章关键字:思维 再次 应用 param value name 判断 一个 this.innerHTML
上一篇:用js实现下拉框跳转和下拉框选择图片 下一篇:用 JavaScript 操作字符串
165 * 70 广告位招租
联系QQ:349881211
联系QQ:349881211
165 * 60 广告位招租
联系QQ:349881211
联系QQ:349881211
网友发表评论:
热点文章
·9招玩透网页弹出窗口
·图片按比例缩放函数
·上传前在本地判断文件大小
·制作网页的经典script代码
·JS实现浏览器菜单命令
·用js实现下拉框跳转和下拉框选择图片
·用 JavaScript 操作字符串
·全中文显示年月日
·常见网页加密方法和破解对策
·几行代码轻松搞定网页简繁转换
·在用户离开页面(刷新,后退,关闭等)时提
·网页设计中JS与Java的区别
·图片按比例缩放函数
·上传前在本地判断文件大小
·制作网页的经典script代码
·JS实现浏览器菜单命令
·用js实现下拉框跳转和下拉框选择图片
·用 JavaScript 操作字符串
·全中文显示年月日
·常见网页加密方法和破解对策
·几行代码轻松搞定网页简繁转换
·在用户离开页面(刷新,后退,关闭等)时提
·网页设计中JS与Java的区别
相关文章
·用js实现下拉框跳转和下拉框选择图片
·用 JavaScript 操作字符串
·JS实现浏览器菜单命令
·全中文显示年月日
·制作网页的经典script代码
·常见网页加密方法和破解对策
·上传前在本地判断文件大小
·几行代码轻松搞定网页简繁转换
·图片按比例缩放函数
·在用户离开页面(刷新,后退,关闭等)时提
·9招玩透网页弹出窗口
·网页设计中JS与Java的区别
·用 JavaScript 操作字符串
·JS实现浏览器菜单命令
·全中文显示年月日
·制作网页的经典script代码
·常见网页加密方法和破解对策
·上传前在本地判断文件大小
·几行代码轻松搞定网页简繁转换
·图片按比例缩放函数
·在用户离开页面(刷新,后退,关闭等)时提
·9招玩透网页弹出窗口
·网页设计中JS与Java的区别
相关连接
相关连接
图片连接


