这篇文章主要为大家展示了“在HTML5中如何在公共页面提取代码”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“在HTML5中如何在公共页面提取代码”这篇文章吧。

index.html：

<!--底部加载外部文件--><footerclass="footer"></footer><script>$('.footer').load('conment/foot.html',function(responseTxt,statusTxt,xhr){console.log('responseTxt,statusTxt,xhr')//console.log(responseTxt)//console.log(statusTxt)//console.log(xhr)})</script>

foot.html：

<htmllang="en"><head><title>Document</title><linkrel="stylesheet"href="css/foot.css"></link></head><body>...</body></html>

重点：

$('.footer').load()调用时必须在服务器环境中打开HTML文件才能成功，不能直接双击打开

打开后浏览器的路径应该是http://127.0.0.1:8020/index.html，

而不是file:///G:/html/index.html这样的路径，否则在大部分的浏览器上都无法使用。

在此建议使用HBuilder这款编辑器，在运行时会创建服务器环境，并且在局域网中在别的手机或电脑上预览。

以上是“在HTML5中如何在公共页面提取代码”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！