切换到宽版
  • 79阅读
  • 0回复

HTML5公共页面提取作为公用代码 [复制链接]

上一主题 下一主题
离线天の川
 

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

  1. index.html
  2. <!-- 底部加载外部文件 -->
  3.     <footer class="footer">
  4.     </footer>
  5.     <script>
  6.         $('.footer').load('conment/foot.html',function(responseTxt,statusTxt,xhr){
  7.             console.log('responseTxt,statusTxt,xhr')
  8.             // console.log(responseTxt)
  9.             // console.log(statusTxt)
  10.             // console.log(xhr)
  11.         })
  12.     </script>
  13. foot.html
  14. <html lang="en">
  15. <head>
  16.     <title>Document</title>
  17.     <link rel="stylesheet" href="css/foot.css"></link>
  18. </head>
  19. <body>
  20.     ...
  21. </body>
  22. </html>



重点:

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

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



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

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

  
评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
要让让这里成为动漫爱好者温馨的天堂~~
官方qq讨论群140439020  官方微信公众号galaxixv
关于论坛G币的获得方法,请参考论坛公告的帖子
http://www.galaxix.com/bbs/read.php?tid=3158
快速回复
限200 字节
如果您在写长篇帖子又不马上发表,建议存为草稿
 
上一个 下一个