defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx，操作被中止”错误的解决方法

当我们在HTML页面中引入JQuery时，可以给<script>标签添加一个defer属性，来告诉浏览器在文档解析完成后再加载并执行该JS文件。但是，如果在使用defer属性时，JS文件中存在依赖JQuery的代码，就会导致页面在加载时出现错误。

这里提供两种解决方法：

方法一：将defer移除或替换为async

解决问题的一种方法是将<script>标签的defer属性移除或替换为async属性。async属性表示脚本文件是异步加载的，与defer不同的是，它的执行顺序不能保证。如果代码的执行顺序不依赖于其他JS代码，则可使用async属性。示例代码如下：

<script src="jquery.min.js" async></script>
<script src="my-script.js" async></script>

使用async属性时，需要注意的是，异步加载的JS文件的执行顺序不能保证，因此需要设置好依赖关系。

方法二：等待页面加载后再执行JS代码

另一种解决方法是，等待页面完全加载后再执行JS代码。可以使用DOMContentLoaded事件或window.onload事件，在页面完全加载后再执行JS代码。示例代码如下：

<script src="jquery.min.js" defer></script>
<script>
  window.onload = function() {
    // 在此处编写使用jQuery的代码
  };
</script>

以上两种方法都可以解决使用defer属性时，页面出现“浏览器无法打开网站xxx，操作被中止”的错误问题。