2016-07-07 65 views
0

我正在學習使用HTML + JavaScript和我被困在一門功課,現在有一個非常簡單的代碼。 這是我的html:簡單的JavaScript不會加載

<!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> 

,這是外部的javascript:

<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> 

奇怪的是,如果我擺脫外部文件的,只是把腳本它工作的腦子裏,所以我猜它也沒有加載外部文件,這是奇怪的,考慮到路徑是正確的。

+8

嘗試拿走javascript文件中的''。 – epascarello

回答

3

第二個文件是不是一個JavaScript文件 - 這是一個HTML文件,裏面坐了一個JavaScript部分。

爲禮Sadoff說擺脫<script>標籤,和一切都會好起來。在JavaScript文件

1
  1. 刪除標籤。
  2. 檢查您的HTML和JavaScript文件是否在同一個文件夾中。
  3. 檢查你的JavaScript文件的名字,是你在HTML中提到的一樣嗎?
0

<script>標記旨在將您的Javascript嵌入到HTML文件中。

  • 從JavaScript中移除腳本標籤文件
  • 把你的鏈接到你的JS鏈接右邊的</body>

    喜歡這上面:

    <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>