更改样式的加载功能不起作用

好吧，我希望当正文完全加载时，然后调用一个函数来显示隐藏图像。我尝试了很多东西，搜索了很多，但一切都有效。我认为这非常简单易行，但我不知道为什么不起作用......我希望任何人都能帮助我。

<body onload="start()">
<div id="bg" style="display:none"></div>
</body>
function start() {
document.getElementById("bg").style.display = 'block';
}

这里 Jsfiddle 链接

你必须选择：

1-在开始之前添加脚本

<script type="text/javascript">
    $(document).ready(function () {
        //Add your code here to run after fully page load
        document.getElementById("bg").style.display = 'block';
    });
</script>

2- 或在结束标记之前在<body>末尾添加脚本</body>：

<script type="text/javascript">
     //Add your code here to run after fully page load
     document.getElementById("bg").style.display = 'block';
</script>

只需从您的身体中删除 onload="start((" 并替换您的函数 start

<script>
    window.onload=function() {
        document.getElementById("bg").style.display = 'block';
    };
</script>

如果你想使用jQuery，那么

<script>
    $(document).ready(function (){
        $("#bg").css("display", "block");
    });
</script>

这是因为你需要在body标签中运行你的Javascript。其实在最后。相反，start函数将是未定义的，并且不会发生任何反应：

<body onload="start()">
    <div id="bg" style="display:none"></div>
    <script>
        function start() {
            document.getElementById("bg").style.display = 'block';
        }
    </script>
</body>

相关内容

最新更新

热门标签：