javascript中download关键字的方法名调用问题

最新推荐文章于 2022-08-18 22:15:41 发布

QAlong

最新推荐文章于 2022-08-18 22:15:41 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/QAlong/article/details/84459042

本文详细探讨了在不同浏览器环境下JavaScript方法的解析差异，特别是download属性在现代浏览器与IE8之间的区别，解释了为什么在IE8中直接调用download方法会触发错误，以及如何在跨浏览器环境中正确使用JavaScript。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在写代码的时候发现一个很奇怪的现象，代码如下：

这个demo在ie8下正常，但是在chrome和ff都有问题

<html>

<head>

	<script type="text/javascript">
	function download(){
		alert("123");
	}
	</script>

	</head>
<body>

	<a href="javascript:void(0);" onclick="javascript:download();">Test</a>

	</body>
</html>

查阅了一下资料发现了答案：
http://stackoverflow.com/questions/7852237/cant-use-download-as-a-function-name-in-javascript

[b]download是html5中新增的一个属性，所以在现代浏览器上都会解析成属性。这个属性是一个事件定义，并且优先于js中的方法（window.download）。所以点调用download()方法的时候，在现代浏览器中会触发element.download();而不是window.download。所以在ie8这样的老古董下面没有element.download()会直接调用window.download();
[/b]