文件无法在 Chrome 或 Firefox 中打开，URL 中的文件名更改为“0”

debugcn 发表于 Dev

托尼路易吉

我尝试在 Google 和此处搜索“浏览器中的文件名更改为 0”，但一无所获。这是一个突然停止打开的简单文件。我什至无法联系检查员进行故障排除。撤消/重做历史丢失，因此无济于事。我猜这是一个简单的错误，但我以前从未见过这个。

<!doctype html>
  <html lang="en">
  <head>
    <title>JS Animated Navigation Test</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script>
        <!--
        var location = 0; 
        var bar = document.getElementById("bar1");

        function myMove()
        {
        // if (id != 0) clearInterval(id);
        location = -144; 
        // if (location != -144) return; // don't execute onmouseover while previous onmouseover is still running. 
        id = setInterval(move, 1);
        }  

        function move() 
        {
            location++; 
            bar.style.left = location + 'px'; 
            if (location == 300)
            {
                clearInterval(id);    
                id = setInterval(moveback, 1); 
            }  
        }

        function moveback()
        {
            location--; 
            bar.style.left = location + 'px';    
            if (location == -144)  
            {
                clearInterval(id);    
                // id = setInterval(move, 1); 
            }  
        }

    -->
    </script>
    <style>
    #container
    {
        width: 600px;
        height: 100px;
        position: relative;
        background: white;
    }
    #bar1
    {
        width: 150px;
        height: 30px;   
        position: absolute;
        left: -144px; 
        background-color: white;
    }
    </style>
</head>

<body>

<p>
<button onclick="myMove()">Click Me</button>
</p>

<div id ="container">
<div id ="animate"><img src="imageGalleryBar.png" alt="Image Gallery" width="150" height="30" id="bar1" onmouseover="myMove()" /></div>
</div>

</body>
</html>

谢谢

劳伦斯·切罗内

你不能使用变量名，location因为它是一个保留字；你实际上在做的是将window.location变量设置为0.

重命名它，或将它放在命名空间或对象中。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。