함수 선언과 익명 함수의 차이점은 무엇입니까? (도움을 요청하는 프론트엔드 초보자...)

Question

함수 선언을 사용하여 요소의 스타일 속성을 변경하는 함수를 정의하면 오류가 보고됩니다

그러나 window.onload

에는 오류가 보고되지 않습니다.

Answer 1

자기야, 이건 어떤 기능을 사용하든 상관없어! 문서가 로드된 후에 onload가 트리거되기 때문이며, 문서가 로드되지 않았고 요소를 찾을 수 없기 때문에 오류를 보고해야 합니다.

Answer 2

이것은 함수 선언 및 익명성과 관련이 없으며 함수 호출 타이밍과 관련이 있습니다.
이렇게 바꿔도 익명 함수의 문제점을 찾을 수 있을까요?

으아악

전자가 호출되면 상자 요소를 아직 사용할 수 없으므로 오류가 보고되고 후자는 DOM이 준비된 후에 호출되므로 실행할 수 있습니다. 변경 기능에서 상자 개체를 기록하고 볼 수 있습니다.

Answer 3

문제는 이것이 아닙니다. 문서가 위에서 아래로 로드된다는 것을 알아야 합니다. js 파일을 head里
执行到js文件的时候，这个时候连body都还没加载，自然无法获取到box，也就无法设置css了。
你可以把js文件放到body:

끝에 넣습니다. 으아악

그러면 필요하지 않습니다window.onload了
如果放在了head里面
就需要在js文件头部写window.onload=function(){......}