在按钮上写属性 onclick="函数名()" ，作用是绑定click事件
如
<input type="button" onclick="Click()" value="Download" />然后在脚本处写上对应的函数即可，在函数中跳转到相应的文件路径就行。如
function Click(){window.location.href="文件的url地址"
}
element对象添加点击事件
也就是element对象名称.onclick = function(){
alert("点击事件")
}
下面是一个简单的例子：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
let button=document.createElement("button")
button.innerText = "按钮"
//添加点击事件
button.onclick = function () {
alert("点击事件")
}
document.body.appendChild(button)
</script>
</body>
</html>
其实我也是自学的js一开始也遇到了同样的问题
别人也给解释了很多，但根本听不懂
前面两个仁兄回答的非常好，简单明了
但这是在我明白这些名词以后看，看得非常清晰
我想，这些解释在我明白以前 是看不懂的
我来解释一下吧：
函数：
js里凡是带有function的都可以叫做函数，函数包括定义函数和执行函数,函数的存在就是为了实现你想干什么，无论你想干什么，都可以先定义一个函数，然后在你想运行的时候运行它。
事件：
你可以简单理解为触发函数的事情，比如你想在点击一个按钮时触发一个函数，那么这个点击就是事件，至于js都有什么事件，你可以查一查，每一个事件都有一个名字（比如点击事件就是onclick）
方法：
其实方法也是函数，只不过对象里的函数就叫方法了。（下面讲对象）
对象：
这个就不太好理解了，我理解他用了N久，直到有一天突然明白了，才发现其实没那么复杂。
对象你可以简单的理解为一个大仓库，里面有各种资源（各种方法——也就是函数，各种定义了这个仓库的属性——比如这个仓库是干什么用的啊）。好了，现在你有一个满载资源的仓库了，当你想做某些事件的时候，你想到了这个仓库里有你想要的资源，那么你就可以调用这个仓库里的资源了，也就是调用这个对象里的方法了。
那你可能要问了，我不用对象也能实现我的目的
其实初学的时候是这样的，但当程序越来越多，越来越复杂的时候，就会用到这些了。
不明白就追问吧，纯手写的。
