一个javascript参数的小问题


Posted in Javascript onMarch 02, 2008

以下是javascript

function show(layername){
       if (!document.getElementById) return false;
       if (!document.getElementById(layername)) return false;
       var layer = document.getElementById(layername);
       layer.style.width = "0px";
       layer.style.height = "0px";
       layer.style.display = "block";
       movement = setTimeout("animation()",0)
}
function animation(){
       if (!document.getElementById) return false;
       if (!document.getElementById(layername)) return false;
       var layer = document.getElementById(layername);
       var xpos = parseInt(layer.style.width);
       var ypos = parseInt(layer.style.height);
       if (xpos == 480 && ypos == 80){
              return true;
       }
       if (xpos < 480){
              xpos+=10
       }
       if (xpos > 480){
              xpos-=10
       }
       if (ypos < 80){
              ypos+=10
       }
       if (ypos > 80){
              ypos-=10
       }
       layer.style.width = xpos + "px";
       layer.style.height = ypos + "px";
       movement = setTimeout("animation()",0);
}

以下是html
<div id="">
   <ul>
     <li id="myfriends">      <a href="#" onmouseover="show('layer1');">我的好友</a></li>
     <li id="mydocument">      <a href="#" onmouseover="show('layer2');">我的资料</a></li>
     <li id="myalbum">      <a href="#" onmouseover="show('layer3');">我的相册</a></li>
     <li id="myarticles">      <a href="#" onmouseover="show('layer4');">我的文章</a></li>
  </ul>
</div>
<div id="layer1" class="clearfloat"> </div>
<div id="layer2" class="clearfloat"> </div>
<div id="layer3" class="clearfloat"> </div>
<div id="layer4" class="clearfloat"> </div>

问题
如果使用参数layer1、layer2、layer3、layer4,则每次都不成功,提示'layername' is undefined
如果将javascript里的layername换成div的id值就能成功,但如果这样javascript程序就会很多
请问怎样才能正确的使用参数的形式?
解决方法:
movement = setTimeout("animation()",0)
这个地方没有给animation()传参数过去

而定义的animation()函数也没有接受参数,但是又用
var layer = document.getElementById(layername);
来接收layername 这个变量
错误地理解了闭包?想从 function show(layername) 这个函数接收参数???

定时器好像没有丝毫作用

Javascript 相关文章推荐
jquery select操作的日期联动实现代码
Dec 06 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
灵活使用数组制作图片切换js实现
Jul 28 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
JS实现弹出下载对话框及常见文件类型的下载
Jul 13 Javascript
vue引入静态js文件的方法
Jun 20 Javascript
如何在Vue.JS中使用图标组件
Aug 04 Javascript
js加解密 脚本解密
Feb 22 #Javascript
JS应用之禁止抓屏、复制、打印
Feb 21 #Javascript
js 调整select 位置的函数
Feb 21 #Javascript
js 替换
Feb 19 #Javascript
javascript replace方法与正则表达式
Feb 19 #Javascript
window.addeventjs事件驱动函数集合addEvent等
Feb 19 #Javascript
setAttribute 与 class冲突解决
Feb 17 #Javascript
You might like
说明的比较细的php 正则学习实例
2008/07/30 PHP
php curl选项列表(超详细)
2013/07/01 PHP
php实现递归与无限分类的方法
2015/02/16 PHP
php swoole多进程/多线程用法示例【基于php7nts版】
2019/08/12 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
JS 日期验证正则附asp日期格式化函数
2009/09/11 Javascript
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
深入理解js generator数据类型
2016/08/16 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
jQuery中的一些小技巧
2017/01/18 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
Django中使用group_by的方法
2015/05/26 Python
Python的爬虫框架scrapy用21行代码写一个爬虫
2017/04/24 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
Python使用sqlalchemy模块连接数据库操作示例
2019/03/13 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
wxPython实现列表增删改查功能
2019/11/19 Python
Python测试线程应用程序过程解析
2019/12/31 Python
Python实现获取当前目录下文件名代码详解
2020/03/10 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
CSS3实现复选框动画特效示例代码
2016/09/27 HTML / CSS
德国团购网站:Groupon德国
2018/03/13 全球购物
C#可否对内存进行直接的操作
2015/02/26 面试题
英语系本科生个人求职信
2013/09/21 职场文书
文明礼仪事迹材料
2014/01/09 职场文书
社区安全检查制度
2014/02/03 职场文书
工作过失检讨书
2014/02/23 职场文书
2015企业年终工作总结范文
2015/05/27 职场文书
电影地道战观后感
2015/06/04 职场文书
辩论会主持词
2015/07/03 职场文书
Flask response响应的具体使用
2021/07/15 Python
JAVA SpringMVC实现自定义拦截器
2022/03/16 Python