HTML5中公共页面如何提取作为公用代码

  介绍

这篇文章主要介绍HTML5中公共页面如何提取作为公用代码,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

在网站制作中有很多部分的代码是相同的,如页脚部分,可以把这段代码提取出来,在别的页面调用。

索引。html

& lt; !——,底部加载外部文件,——比;   ,,,& lt; footer 类=癴ooter"比;   ,,,& lt;/footer>   ,,,& lt; script>   ,,,,,,,美元(& # 39;.footer& # 39;) .load (& # 39; conment/foot.html& # 39;,函数(responseTxt statusTxt, xhr) {   ,,,,,,,,,,,console.log (& # 39; responseTxt statusTxt, xhr # 39;)   ,,,,,,,,,,,//,console.log (responseTxt)   ,,,,,,,,,,,//,console.log (statusTxt)   ,,,,,,,,,,,//,console.log (xhr)   ,,,,,,,})   ,,,& lt;/script>

。html

& lt; html  lang=癳n"比;   & lt; head>   ,,,& lt; title> Document   ,,,& lt; link  rel=皊tylesheet" https://www.yisu.com/zixun/, href=" css/foot.css ">   …      

重点:

美元(& # 39;.footer& # 39;) .load()调用时必须在服务器环境中打开html文件才能成功,不能直接双击打开

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

而不是文件:///G:/html/索引。html这样的路径,否则在大部分的浏览器上都无法使用。

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

以上是“HTML5中公共页面如何提取作为公用代码”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

HTML5中公共页面如何提取作为公用代码