Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
简单的javascript无法加载_Javascript_Html - Fatal编程技术网

简单的javascript无法加载

简单的javascript无法加载,javascript,html,Javascript,Html,我正在学习使用html+javascript,现在我正忙于一个简单代码的家庭作业。 这是我的html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title> Geolocation and Local Storage and CSS3 </title> &l

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

地理定位、本地存储和CSS3
地点:
获取位置
这是外部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>

var x=document.getElementById(“持有人”);
函数getLocation(){
if(导航器.地理位置){
navigator.geolocation.getCurrentPosition(showPosition);
}否则{
x、 innerHTML=“此浏览器不支持地理位置。”;
}
}
功能显示位置(位置){
var latlon=位置.coords.latitude+“,”+位置.coords.latitude;
var img_url=”http://maps.googleapis.com/maps/api/staticmap?center="
+latlon+“&zoom=14&size=400x300&sensor=false”;
document.getElementById(“持有人”).innerHTML=“”;
}

奇怪的是,如果我去掉了外部文件,只把脚本放在它工作的头部,那么考虑到路径是正确的,我猜它也没有加载外部文件,这很奇怪

第二个文件不是Javascript文件——它是一个包含Javascript部分的HTML文件


摆脱Eli Sadoff所说的
标记,一切都会好起来。

第二个文件不是Javascript文件——它是一个HTML文件,里面有一个Javascript部分

像Eli Sadoff所说的那样,去掉
标签,一切都会好起来的

  • 删除JavaScript文件上的标记
  • 检查HTML和JavaScript文件是否在同一文件夹中
  • 检查JavaScript文件的名称,是否与HTML中提到的相同
  • 删除JavaScript文件上的标记
  • 检查HTML和JavaScript文件是否在同一文件夹中
  • 检查JavaScript文件的名称,是否与HTML中提到的相同
  • 标记用于将Javascript嵌入HTML文件

    • 从Javascript文件中删除脚本标记
    • 将你的链接粘贴到你的JS链接的正上方

      像这样:

      
      地点:
      获取位置
      

    标签用于将Javascript嵌入HTML文件中

    • 从Javascript文件中删除脚本标记
    • 将你的链接粘贴到你的JS链接的正上方

      像这样:

      
      地点:
      获取位置
      


    试着去掉javascript文件中的
    标记,然后看看它是否有效。如果它在头部,我高度怀疑脚本是否有效。脚本试图在元素呈现在页面上之前读取元素。这就像有人在你走进房间之前叫你的名字。看看开发人员控制台,我确信如果脚本实际正在加载,它会显示一条错误消息。外部javascript文件中不应包含
    。请尝试移除javascript文件中的
    标记,然后查看它是否有效。如果脚本位于头部,我高度怀疑它是否有效。脚本试图在元素呈现在页面上之前读取元素。这就像有人在你走进房间之前叫你的名字。看看开发人员控制台,我确信如果脚本实际正在加载,它会显示一条错误消息。外部javascript文件中不应包含