为什么HTML5页面中引入的外部JavaScript文件没有正常生效？

• 该问题由现代浏览器针对file://协议的安全限制导致，和网站是否托管到公网没有关联。
  当你直接双击打开本地HTML文件时，浏览器会以file://协议加载页面，出于安全防范（避免恶意脚本读取用户本地文件），默认禁止该协议下加载同目录的外部本地资源（包括JS、CSS、字体等文件），因此你的外部Web.js文件没有被正常加载执行。
• 内联JS可以正常运行的原因是代码直接嵌入在HTML文件内部，不需要额外发起外部资源加载请求，不会触发该安全策略限制。

无需将网站托管到公网，仅需要在本地启动一个简易HTTP服务器，通过http://localhost地址访问页面即可解除限制，新手可以选择以下任意一种快速方案：

• 若本地已安装Python3：打开两个文件所在的文件夹，在地址栏输入cmd回车启动命令行，执行命令python -m http.server，启动后在浏览器地址栏输入http://localhost:8000/Web.htm访问即可正常触发弹窗。
• 若本地已安装Node.js：同目录下启动命令行，执行命令npx serve，按照终端输出的提示访问对应端口的页面即可。
• Windows用户也可以安装小皮面板等集成运维工具，将项目文件夹设置为站点根目录后访问即可。

内容的提问来源于stack exchange，提问作者Higg 2020