一个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 each的几种常用的使用方法示例
Jan 21 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
node使用Koa2搭建web项目的方法
Oct 17 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
elementUI Tree 树形控件的官方使用文档
Apr 25 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
利用JavaScript模拟京东按键输入功能
Dec 01 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
在apache下限制每个虚拟主机的并发数!!!!
2006/10/09 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(七)
2014/06/23 PHP
php计算年龄精准到年月日
2015/11/17 PHP
Laravel框架控制器的request与response用法示例
2019/09/30 PHP
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
2010/09/10 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
JavaScript面对国际化编程时的一些建议
2015/06/24 Javascript
初识简单却不失优雅的Vue.js
2016/09/12 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
微信小程序学习笔记之获取位置信息操作图文详解
2019/03/29 Javascript
微信小程序 scroll-view的使用案例代码详解
2020/06/11 Javascript
Python读写配置文件的方法
2015/06/03 Python
python中使用print输出中文的方法
2018/07/16 Python
python 并发编程 非阻塞IO模型原理解析
2019/08/20 Python
Django生成PDF文档显示网页上以及PDF中文显示乱码的解决方法
2019/12/17 Python
编写函数,将一个3*3矩阵转置
2013/10/09 面试题
自我评价个人范文
2013/12/16 职场文书
长辈证婚人证婚词
2014/01/09 职场文书
市场营销职业生涯规划书范文
2014/01/12 职场文书
高中军训感想300字
2014/03/04 职场文书
暑期培训随笔感言
2014/03/10 职场文书
环保建议书
2014/03/12 职场文书
2014年教师节寄语
2014/04/03 职场文书
党员作风建设整改方案
2014/10/27 职场文书
趣味运动会开幕词
2015/01/28 职场文书
孩子满月酒答谢词
2015/09/30 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书
浅谈Web Storage API的使用
2021/06/23 Javascript