js document直接赋值与window.onload赋值

当使用js的script实在body时：

<script>
  // 赋值
  document.title = '123';
  document.body.style.backgroundColor = 'orange';
  // document.body.style.backgroundColor='#54d646';
  // 放置在''或者""里的内容，我们称为字符串
  // ==等于
  var a = 1;
  var b = 1;
  var r = 1 == b;
  console.log(r);
  // ===全等包括数据类型
  var c = '1';
  var d = 1;
  var res = c === d;
  console.log(res);
</script>

这会使得body页面变为橙色，但这有个缺点，当js卸载head里面时，因为浏览器解析代码是自上而下的，所以无法将样式添加到body标签上去，这时我们可以用window.onload（）window.onload是当文本代码被浏览器读取完成之后才会被执行）

<script>
  // window.onload是当文本代码被浏览器读取完成之后才会被执行
  window.onload = function () {
    document.body.style.backgroundColor = 'skyblue';
    document.body.style.backgroundImage = 'url(img/dd.jpg)';
    document.body.style.backgroundRepeat = 'no-repeat';
    document.body.style.backgroundPosition = 'top center';
  }
</script>