Javascript 在全局作用域中分配“var location”会重定向到不存在的文件_Javascript_Window.location

Javascript 在全局作用域中分配“var location”会重定向到不存在的文件

javascript

Javascript 在全局作用域中分配“var location”会重定向到不存在的文件,javascript,window.location,Javascript,Window.location,我有一个HTML文件test.HTML，其中有两个变量，都命名为location，一个是全局变量，一个是局部变量。但当我在浏览器中打开它时，它只是说找不到您的文件，地址栏显示file://Los%20Angeles 而不是file://test.html 正如所料。为什么? <html> <body> <script type="text/javascript"> var location = "Los Angeles" function showLocati

我有一个HTML文件test.HTML，其中有两个变量，都命名为location，一个是全局变量，一个是局部变量。但当我在浏览器中打开它时，它只是说找不到您的文件，地址栏显示file://Los%20Angeles 而不是file://test.html 正如所料。为什么?

<html>
<body>
<script type="text/javascript">
var location = "Los Angeles"
function showLocation() {
    var location = "San Francisco"
    document.write(location)
}
</script>
<input type="button" onclick="showLocation()" value="Show Location"/>
</body>
</html>

“location”是javascript中的保留关键字。只需将变量名更改为其他名称。

有关保留字的更多信息：

'location'是javascript中的保留关键字。只需将变量名更改为其他名称。有关保留字的详细信息：

设置全局位置会导致浏览器转到该url。它不是保留字-它是在窗口对象上定义的变量。下面是一个更好的保留字列表：

在您的示例中，您将全局位置设置为“Los Angeles”，这将导致窗口导航到该位置，就像它是一个相对URL一样

设置旧金山函数中的var位置=对窗口对象没有影响，因为函数变量有自己的作用域。所以你可以这样做：

function showLocation() {
    var location = "San Francisco"
    document.write(location)
}

它将按预期工作。它将把字符串“San Francisco”写入文档

如果您使用的是现代浏览器，您可以通过尝试使用“let”设置“location”来查看发生了什么：

let location = "los angeles"

现在，您将看到一个错误，该错误显示如下内容：

SyntaxError:无法创建覆盖全局属性“location”的重复变量

设置全局位置会使浏览器转到该url。它不是保留字-它是在窗口对象上定义的变量。下面是一个更好的保留字列表：