{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 贼婆χ 的问题《Assigning `var location` in global scope redirects》','https://www.manongdao.com/q-1027339.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I have an HTML file test.html where I have two variables both named location, one global and one local. But when I open it in browser it just says Your file was not found, and the address bar shows file://Los%20Angeles instead of file://test.html as expected. Why?
<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' is a reserved keyword in javascript. Just change your variable name into something else. For more info about reserved words: https://www.w3schools.com/js/js_reserved.asp
Setting the global
locationcauses the browser to go to that url. It's not a reserved word — it's a variable defined on the window object. Here is a better list of reserved words:https://docs.microsoft.com/en-us/scripting/javascript/reference/javascript-reserved-words
In your example, you are setting the global
locationto 'Los Angeles', which causes the window to navigate to that as if it was a relative URL.Setting
var location = "San Francisco"inside your function has no effect on the window object because function variables have their own scope.So you could do this:
and it will work as expected. It will write the string 'San Francisco' to the document.
If you are on a modern browser you can see what's going on by trying so set 'location' with 'let':
Now you will get an error that says something like: