更改樣式的Onload功能不起作用

Question

好吧，我希望當主體完全加載后，再調用一個函數來顯示隱藏圖像。 我嘗試了很多事情，進行了很多搜索，但是一切正常。 我認為這非常簡單和容易，但是我不知道為什么不起作用...我希望任何人都能幫助我。

<body onload="start()">
<div id="bg" style="display:none"></div>
</body>

function start() {
document.getElementById("bg").style.display = 'block';
}

這里的Jsfiddle鏈接

Answer 1

只需從您的身體中刪除onload =“ start（）”並替換您的函數start

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

如果要使用jQuery，則

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

Answer 2

那是因為您需要在body標簽內運行Javascript。 實際上在最后。 相反， start函數將是未定義的，什么也不會發生：

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

Answer 3

您必須選擇：

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功能不起作用

問題描述

3 個解決方案

解決方案1
0 2017-06-14 11:59:16

解決方案2
0 2017-06-14 11:59:42

解決方案3
0 已采納 2017-06-14 12:04:12

更改樣式的Onload功能不起作用

問題描述

3 個解決方案

解決方案1 0 2017-06-14 11:59:16

解決方案2 0 2017-06-14 11:59:42

解決方案3 0 已采納 2017-06-14 12:04:12

解決方案1
0 2017-06-14 11:59:16

解決方案2
0 2017-06-14 11:59:42

解決方案3
0 已采納 2017-06-14 12:04:12