Javascript Check if number = variable

Javascript Check if number = variable

本文关键字：variable number if Check Javascript      更新时间：2023-09-26
var Period =1;
        if(Period==1){
            document.getElementById("Main").style.backgroundImage = "url('Main_Background_Grass_1.png')";
        }

由于某些原因，这不起作用。图像位置是正确的，但我肯定有问题。

我对javascript很陌生

这里有更多的代码

<script type="text/javascript">
        var Knowledge = 0;
        var Period =1;
        if(Period==1){
            document.getElementById("Main").style.backgroundImage = "url('Main_Background_Grass_1.png')";
        }
</script>
<div id="Main">
    <div id="Toolbar">
        Oh noes! Something Went Wrong
    </div>
</div>

图片根本不会显示

在调用函数时没有找到元素，请将javascript放置在结束body标签

之前
<div id="Main">
    <div id="Toolbar">
        Oh noes! Something Went Wrong
    </div>
</div>
<script type="text/javascript">
        var Knowledge = 0;
        var Period =1;
        if(Period==1){
            document.getElementById("Main").style.backgroundImage = "url('Main_Background_Grass_1.png')";
        }
</script>

Uncaught TypeError: Cannot read property 'style' of null
这是因为元素还没有加载。有两种方法可以确保代码只在页面就绪时运行。一种是将代码放在正文的底部，这样页面就已经被加载了。另一种方法是将其放在窗口加载事件的事件侦听器中:

<script type="text/javascript">
  window.addEventListener("load", function(e) {
  // code goes here
  });
</script>

哪一个是最佳实践?这是一个永恒的争论。我更喜欢监听器，这样代码就都在上面了，但是很多人不同意。

相关文章：