Question

我正在学习使用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>

这是外部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>

奇怪的是，如果我摆脱了外部文件，只是将脚本放在头部内部就可以了，所以我猜它也没有加载外部文件，这很奇怪，考虑到路径是正确的。

Answer 1

第二个文件不是Javascript文件 - 它是一个带有Javascript部分的HTML文件。

摆脱{Eli Sadoff所说的<script>标签，一切都会好的。

Answer 2

删除JavaScript文件上的标记。
检查您的HTML和JavaScript文件是否在同一文件夹中。
检查JavaScript文件的名称，它与您在HTML中提到的相同吗？

Answer 3

<script>标记用于将您的Javascript嵌入到HTML文件中。

从Javascript文件中删除脚本标记
将链接粘贴到</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>

简单的JavaScript不会加载

3 个答案: