一个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 相关文章推荐
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
Dec 11 Javascript
javascript的alert box在java中如何显示多行
May 18 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
Bootstrap每天必学之面板
Nov 30 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
js实现扫雷小程序的示例代码
Sep 27 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
springboot+VUE实现登录注册
May 27 Vue.js
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
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
全国FM电台频率大全 - 13 福建省
2020/03/11 无线电
php 设计模式之 工厂模式
2008/12/19 PHP
php简单实现数组分页的方法
2016/04/30 PHP
PHP多种序列化/反序列化的方法详解
2017/06/23 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
使用JQUERY Tabs插件宿主IFRAMES
2010/01/01 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
2010/07/20 Javascript
js中巧用cssText属性批量操作样式
2011/03/13 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
js实现window.open不被拦截的解决方法汇总
2014/10/30 Javascript
jQuery实现提示密码强度的代码
2015/07/15 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
学习vue.js计算属性
2016/12/03 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
Vue前端开发规范整理(推荐)
2018/04/23 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
详解基于vue-cli3快速发布一个fullpage组件
2019/03/08 Javascript
[05:04]完美世界携手游戏风云打造 卡尔工作室地图界面篇
2013/04/23 DOTA
跟老齐学Python之for循环语句
2014/10/02 Python
进一步探究Python的装饰器的运用
2015/05/05 Python
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
Python中文件I/O高效操作处理的技巧分享
2017/02/04 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
Keras实现支持masking的Flatten层代码
2020/06/16 Python
html5简介及新增功能介绍
2020/05/18 HTML / CSS
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
运动会入场词100字
2014/02/06 职场文书
稽核岗位职责范本
2015/04/13 职场文书
工程资料员岗位职责
2015/04/13 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书