简单的JavaScript不会加载

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 个解决方案

解决方案1
3 已采纳 2016-07-07 14:46:10

解决方案2
1 2016-07-07 14:47:05

解决方案3
0 2016-07-07 14:55:20

简单的JavaScript不会加载

问题描述

3 个解决方案

解决方案1 3 已采纳 2016-07-07 14:46:10

解决方案2 1 2016-07-07 14:47:05

解决方案3 0 2016-07-07 14:55:20

解决方案1
3 已采纳 2016-07-07 14:46:10

解决方案2
1 2016-07-07 14:47:05

解决方案3
0 2016-07-07 14:55:20