我正在學習使用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>
奇怪的是,如果我擺脫外部文件的,只是把腳本它工作的腦子裏,所以我猜它也沒有加載外部文件,這是奇怪的,考慮到路徑是正確的。
嘗試拿走javascript文件中的''。 – epascarello