搜索

首页  >  问答  >  正文

javascript - 求教为什么这段script改写为函数传参形式就不执行了?

js新手,请教为什么写法1改写成传参形式的写法2就不执行了?谢谢!
<html>

    <form id="search-bar" class="hide" action="/action_page.php">

        <input id="search-box" type="search" value="search">
        <input id="search-submit" type="submit">

    </form>
        <button id="search-but" >click me</button>

</html>

写法1:
<script>

    var osearch = document.getElementById("search-but")
    var obar = document.getElementById("search-bar")

    osearch.onclick = function () {

        if (obar.style.display == "block") {
            obar.style.display ="none"
        }
        else {
            obar.style.display="block"
        }
    }

</script>

写法2:
<script>

function display(obj) {

    var b = document.getElementById("obj")

    if (b.style.display == "block") {
        b.style.display = "none"
    }
    else {
        b.style.display = "block"
    }
}

var osearch = document.getElementById("search-but")

 osearch.onclick=display(search-bar);

</script>

PHPzPHPz2757 天前532

全部回复(2)我来回复

  • 滿天的星座

    滿天的星座2017-05-19 10:35:40

    function display(obj) {
    
        var b = document.getElementById(obj)
    
        if (b.style.display == "block") {
            b.style.display = "none"
        }
        else {
            b.style.display = "block"
        }
    }
    
    var osearch = document.getElementById("search-but")
    
     osearch.onclick=function () { display('search-bar'); }

    基础不扎实啊

    回复
    0
  • 阿神

    阿神2017-05-19 10:35:40

    回复
    0
  • 取消回复