jquery加载共同部分的代码直接有一个 load 方法，把需要抽出去用做公用部分的地方用一个标签包裹起来，然后进行调用。
切记：被调用的公用部门是html文件，且文件中不写html头，直接写需要加载的部分就可以了，否则会出现报错或者页面加载不出来的情况。
在页面上写一个加载公用部分的标签
这是加载简单的公用部分。其次看了很多文章说是load可能会存在跨域的问题
本地 Ajax 跨域报错 Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
当我们在做练习或者写 Demo 的时候，有访问本地文件的需求，当我们在加载的时候发现不能加载，会报如下错误：
根据错误信息大概知道原因在于使用了 File 协议，应该使用它提示的 http, data, chrome, chrome-extension, chrome-untrusted, https 这些协议，可是只是做个练习，写些小 Demo，不至于自己去创建一个服务器，开个端口。那么应该如何解决这个问题呢？
1.换编辑器
使用 webstorm 或是 visual studio 这种重量级 IDE 的同学，应该不会遇到这种问题，这类 IDE 都内置了 HTTP 服务器。 但是对于一些喜欢使用 VSCode，Sublime Text 这类轻量级编辑器的同学，我们继续往下看。
2.安装Server插件
这里针对 VSCode 和 Sublime 分别安利一款插件。
VSCode
Live Server 插件，这个插件功能十分强大，不止可以解决 ajax 不支持 file 协议的问题，还可以实现在编辑器里保存修改后，页面自动刷新的功能。具体使用方法在插件安装的地方有说明，用起来也十分简单。 安装完成之后，打开 html 文件后，点击右下角的 GoLive 即可。
Sublime
SublimeServer 插件，安装完成之后，点击 Tools->SublimeServer->Start SublimeServer，启动服务器，然后在 html 文件中，注意是文件中点击右键，选择 View in SublimeServer 即可。 （注意一定要以文件夹的方式打开 html 文件所在目录，否则可能失效。）
3.换浏览器
火狐支持 file 协议，对 Chorme 没有什么执念的，可以换成火狐。
4.配置Chrome浏览器支持file协议
如果你是那种非常喜欢 Chrome 开发者工具的人，也可以尝试如下方式。
Windows： 设置 Chrome 的快捷方式属性，在“目标”后面加上–allow-file-access-from-files，注意前面有个空格，重新打开 Chrome 即可。
Mac： 打开终端，输入下面命令：open -a “Google Chrome” –args –disable-web-security 然后就可以屏蔽安全访问了[ –args：此参数可有可无]
