首页 / JAVASCRIPT / javascript-根据if语句显示div

javascript-根据if语句显示div

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-根据if语句显示div，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1356字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试使用此代码根据url参数“方向”隐藏或显示div,但我无法使它正常工作,并且想知道是否有更好的方法.样本网址= http://domain.com?direction=south&season=summer-谢谢

<head>
<script type="text/javascript">

        function getUrlVars()
        {
            var vars = [], hash;
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for(var i = 0; i < hashes.length; i++)
            {
                hash = hashes[i].split('=');
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
            return vars;
        }

        var myVal = getUrlVars()["direction"];


        if(myVal == "north") {

            document.getElementById('north').style.display = 'block'; 
        }else {

            document.getElementById('south').style.display = 'none'; 

        }
        </script>
        </head>

        <body>

        <div id="north">Some text</div>

        <div id="south">Some text</div>

        </body>

解决方法:

您缺少$(document).ready(如果您使用的是jQuery)或window.onload块-

$(document).ready(function() {
    var myVal = getUrlVars()["direction"];

    if(myVal == "north") {
        document.getElementById('north').style.display = 'block'; 
    }else {
        document.getElementById('south').style.display = 'none'; 
    }
});

或没有jQuery-

window.onload = function() {
        var myVal = getUrlVars()["direction"];

        if(myVal == "north") {
            document.getElementById('north').style.display = 'block'; 
        }else {
            document.getElementById('south').style.display = 'none'; 
        }
}

尝试显示/隐藏div时,由于div尚未加载到DOM中,因此代码可能无法正常工作.

示例：http://jsfiddle.net/manseuk/RTrgN/1/

内容总结

以上是互联网集市为您收集整理的javascript-根据if语句显示div全部内容，希望文章能够帮你解决javascript-根据if语句显示div所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/673308.html

来源：【匿名】