在網站制作中有很多部分的代碼是相同的，如footer部分，可以把這段代碼提取出來，在別的頁面調用。
index.html
<!-- 底部加載外部文件 -->
<footer class="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
<html lang="en">
<head>
<title>Document</title>
<link rel="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公共頁面提取作為公用代碼的方法的文章就介紹到這了,更多相關HTML5公共頁面提取為公用代碼內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章，希望大家以后多多支持腳本之家！
