외부 .js 파일에서 함수를 호출하려고하지만 콘솔에서 오류가 반환되고 함수가 호출되지 않습니다. 코드를 수정하고 제대로 함수를 호출 할 수 있어야합니다. 여기 외부에서 함수 호출 JS
는 기본이 .html 파일입니다
<html>
<head>
<script type="text/javascript" src="xp.js">
</script>
<script type="text/javascript">
window.onload = xyz.makeShape.Circle();
</script>
</head>
<body>
<canvas id="xyz" width="600" height="600"></canvas>
</body>
</html>
그리고 여기의 .js 파일입니다
var xyz = xyz || {};
var canvas = document.getElementById('xyz');
var context = canvas.getContext('2d');
xyz.makeShape = {
Circle : function() {
console.log('working');
}
}
편집
내가 콘솔에서이 오류를 얻고있다 :
오류 1
TypeError: canvas is null
window.onload = xyz.makeShape.Circle;
오류 2
TypeError: xyz.makeShape is undefined
window.onload = xyz.makeShape.Circle;
'위해 window.onload = xyz.makeShape.Circle() 테스트 및 작동;해야''창로드 = xyz.makeShape.Circle;', DOM 요소에 대한 참조를 얻기 전에 문서가로드 될 때까지 기다려야합니다. 여기서'canvas'와'context'는 정의되지 않습니다. – plalx
* "콘솔이 오류를 반환하고 있습니다"* ... 그리고 어떤 오류가 있습니까? 나는 당신이 http://stackoverflow.com/q/14028959/218196을 봐야한다고 생각한다. –
앞으로는 원래 질문에 오류 정보를 포함시킨 경우,보고있는 내용을 파악하기 위해 앞뒤로 모든 토론을하지 말고 몇 분 안에 질문에 대한 답변을 얻었을 것입니다. 어쨌든, 다행히 결국 해결하게 된 것을 기쁘게 생각합니다. – jfriend00