이것은 아마도 간단한 질문 일 뿐이며 실제로는 호출되지 않는 "로드 중"과 관련이 있다고 생각합니다. jsfiddle에서 코드를 실행할 때 제대로 작동합니다. 사이트에서 스크립트 파일로 실행하면 아무 것도하지 않습니다.코드는 jsfiddle에서 실행되지만 웹 사이트에서는 실행되지 않습니다.
스크립트 파일의 코드는 그것으로 바로 이동 :이 같은 내 자바 스크립트를 포장
var VELOCITY = 0.3; // Half speed is
var PARTICLES = 200;
...
..
내가 특별히 함수를 호출 내 HTML에 별도의 라인을 가지고해야하거나 더 나은 :
window.onload=function(){ /* your js here */ }
모든 의견을 보내 주시면 감사하겠습니다. 이 jQuery를하지 않는
제임스
추신
문제는 당신이 머리 내부의 스크립트 태그를 넣어 가지고 있다는 것입니다. 본문 앞에 head가로드되기 때문에 스크립트는 존재하지 않는 요소에 액세스하려고 시도합니다.
이 문제를 해결하려면 스크립트를 본문 끝으로 옮기십시오.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hiven</title>
<link type="text/css" href="css/style.css" rel="stylesheet" media="screen" />
</head>
<body>
<canvas id="projector">Your browser does not support the Canvas element.</canvas>
<script type="text/javascript" src="js/script.js" ></script>
</body>
</html>
jsFiddle 당신이 실행되는 것을 방지 할 수 있습니다 당신은, 당신도 코드에서 이런 일이 있어야 javascript
에 자동으로 window.onload=function(){ /* your js here */ }과 같은 코드를 추가합니다 잘못된 시간.
그냥 아래와 같이 태그의 하단에있는 스크립트 태그를 추가
<body>
<canvas id="projector">Your browser does not support the Canvas element.<canvas>
<script type="text/javascript" src="js/script.js" ><script>
<body>
그것은 저에게 효과적입니다. 옆에서 확인하고 알려주세요. – Madhu
현재 코드 및 마크 업을 표시 할 수 있습니까? – cubrr
https://github.com/employ/employ.github.io/blob/master/js/script.js – Jimmy