JavaScript外链和事件绑定
什么是JS外链？
JS外链就是在HTML页面中引入一个外部的JS文件，可以将JS代码分离出来，减少HTML文件的大小和提高代码的可维护性。
如何引入JS外链？
在HTML页面的标签中，使用标签来引入JS外链文件。例如：
<head>
<script src=\"路径/文件名.js\"></script>
</head>
为什么要使用JS外链？
使用JS外链有助于提高页面的性能，减少页面加载时间和减轻服务器的负担。同时，也便于代码的维护和管理。
如何绑定JS事件？
在JS中，可以通过addEventListener()方法来绑定一个事件。例如：
var btn = document.getElementById('myBtn');
btn.addEventListener('click', function() {
// 点击事件处理程序
});
JS事件绑定和HTML事件绑定的区别是什么？
HTML事件绑定是在HTML标签中直接绑定事件处理程序，而JS事件绑定是在JS代码中用addEventListener()方法来绑定事件处理程序。使用JS事件绑定的好处是可以将JS代码和HTML代码分离开，使页面更具可维护性。
JS事件绑定存在哪些注意点？
1. JS事件绑定要在DOM元素创建后才能绑定。如果JS代码在DOM元素创建前执行，就会找不到DOM元素而报错。
2. 如果使用addEventListener()方法来绑定事件，相同的事件处理程序可以绑定多次，会重复执行。在后续卸载事件时，需卸载每一个绑定过的事件，否则可能会导致性能问题。
3. 如果需要兼容旧版浏览器，需使用attachEvent()方法来绑定事件。
