jquery load方法缺陷：1、load方法会自动忽略head、body、script标签；2、动态加载后会出现滚动条偏移的问题，只需在load方法的回调函数中添加“$(document).scrollTop(0);可以解决；3.、由于网络延迟等问题，不确定先执行哪个代码；4、有缓存问题；5、会出现结构破坏问题。
本教程操作环境：windows7系统，jquery3.6版本、Dell G3电脑。
jquery load()方法可以帮助我们重复页面的文档部分，如标题栏和底部信息部分。我们可以提取到一个模板html，然后通过load方法动态加载到每个页面。在使用过程中遇到了几个问题
缺陷1：load方法会自动忽略head、body、script标签
1、如果您想加载head和body中的文档内容，您可以将内容包裹在div中，然后加载它
2、在script部分，我们可以通过load方法动态创建和加载回调函数
3、不建议动态加载样式表，否则会出现页面闪烁的问题，即页面刷新时，一秒钟内没有渲染样式的图片，然后恢复正常图片（原因如下）
缺陷2：动态加载后会出现滚动条偏移的问题
刷新页面时。滚动条偏移。
正常情况下，我们会把script文件放在文档body的最后，避免js阻塞浏览器渲染，导致我们在页面渲染后执行load方法。动态加载的页面是最后添加的。滚动条一开始固定在顶部。动态加载header部分后，滚动条会偏下，不会回到顶部。
解决
添加到load方法的回调函数中$(document).scrollTop(0);
或者使用script标签的async属性，让js脚本异步加载，然后将script放在头部
缺陷3: 异步加载问题
由于load是异步触发的，以下方法中的两行代码同时并发执行。由于网络延迟等问题，不确定哪句话是先执行的.
id为templateId