简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - settimeout中传入参数的问题
三叔
三叔 2017-07-05 11:06:49
0
2
796
<body>
    <p class="nav">
        <ul class="nav_level_1">
            <li><a href="#">首页</a></li>
            <li><a href="#">课程大厅</a>
                <ul class="nav_level_2">
                    <li><p class="corn"></p></li>
                    <li><a href="#">JavaScript</a></li>
                    <li><a href="#">JQuery</a></li>
                </ul>
            </li>
            <li><a href="#">学习中心</a></li>
            <li><a href="#">经典案例</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </p>
    <script type="text/javascript">
    window.onload = function(){
        var nav_level_1 = document.getElementsByClassName("nav_level_1")[0],
            lis_1 = nav_level_1.children;
            for(var i = 0;i < lis_1.length;i++){
                lis_1[i].onmouseover = function(){
                    var ul = this.getElementsByClassName("nav_level_2")[0];
                    addHeight(ul);
                }

            }
    }
    function addHeight(ul){
        var ul_height = ul.offsetHeight;
        ul_height++;
        if(ul_height <= 95){
            ul.style.height = ul_height + "px";
            setTimeout("addHeight('"+ul+"')",10);
        }else{
            return;
        }
    }
    </script>
</body>

用settimeout写二级菜单的展开收缩，在settimeout中传入一个带有参数的函数，不知道怎么传，视频中是这样写的setTimeout("addHeight('"+ul+"')",10)但是不太正常，请问是什么原因？

三叔
三叔

全部回复(2)
某草草
某草草2017-07-05 11:08:49 2 楼

雷雷

点赞 +0
添加回复
漂亮男人
漂亮男人2017-07-05 11:08:49 1 楼

setTimeout 这个函数第一个参数可以接受一个 函数 或者 一段代码，如果是代码，则将它放进eval执行。

你这里的写法就是一段代码的写法，你检查一下引号的书写，是不是一一对应的写的正确。或者换成下面的两个写法都应该可以正常工作

setTimeout(function () {
    addHeight(ul)
}, 10);
setTimeout(addHeight, 10, ul)
点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！