간단한 자바 스크립트가로드되지 않습니다.

나는 html + javascript를 사용하는 것을 배우고 있으며, 지금은 아주 간단한 코드로 숙제를해야합니다. 이 내 HTML입니다 :간단한 자바 스크립트가로드되지 않습니다.

<!DOCTYPE html> 
    <html> 
     <head> 
      <meta charset="UTF-8" /> 
      <title> Geolocation and Local Storage and CSS3 </title> 
      <script type="text/javascript" src="my.js"></script> 
      <link rel="stylesheet" type="text/css" href="css.css" /> 
     </head> 

    <body> 
     <div> 
     Location: 
     <button type="button" onclick="getLocation()"> Get Location </button> 
     </div> 

     <div id="holder"> 
     </div> 
    </body> 
</html>

이 외부 자바 스크립트입니다 :

내가 외부 파일을 제거하고 그냥 그렇게, 작동 헤드 내부에 스크립트를 넣어 얻을 경우

<script> 
var x = document.getElementById("holder"); 

function getLocation() { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(showPosition); 
    } else { 
     x.innerHTML = "Geolocation is not supported by this browser."; 
    } 
} 

function showPosition(position) { 
    var latlon = position.coords.latitude + "," + position.coords.longitude; 

    var img_url = "http://maps.googleapis.com/maps/api/staticmap?center=" 
    +latlon+"&zoom=14&size=400x300&sensor=false"; 
    document.getElementById("holder").innerHTML = "<img src='"+img_url+"'>"; 
} 
</script>

이상한 일이다 나는 경로가 정확하다고 생각하여 이상한 외부 파일을로드하지 않는 것으로 생각합니다.

출처

2016-07-07 Sptfr

데려가 시도 javascript 파일의 ''이 없어야합니다. – epascarello

두 번째 파일은 Javascript 파일이 아닙니다. 두 번째 파일은 Javascript 섹션이있는 HTML 파일입니다.

엘리 사도 프 (Eli Sadoff)가 말했듯이 <script> 태그를 제거하면 모두 잘될 것입니다.

출처

2016-07-07 14:46:10 Malvolio

JavaScript 파일에서 태그를 제거하십시오.
HTML과 JavaScript 파일이 같은 폴더에 있는지 확인하십시오.
JavaScript 파일의 이름을 확인하십시오. HTML 파일에서 언급 한 것과 동일합니까?

출처

2016-07-07 14:47:05

<script> 태그는 Javascript를 HTML 파일에 포함시키기위한 것입니다.

우측과 같이 </body>

위 JS 링크에 링크를 스틱
을 제기하여 자바 스크립트에서 스크립트 태그를 제거

<body> <div> Location: <button type="button" onclick="getLocation()"> Get Location </button> </div> <div id="holder"> </div> <script type="text/javascript" src="my.js"></script> </body>

출처

2016-07-07 14:55:20 Travis

간단한 자바 스크립트가로드되지 않습니다.

답변

관련 문제