相信很多小伙伴們都只知道在網(wǎng)站制作中有很多部分的代碼是相同的,如footer部分,可以把這段代碼提取出來,在別的頁面調(diào)用。那么今天我們就來說說有關(guān)于:“在HTML5中怎么在公共頁面提取代碼?”這個(gè)問題!
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>
重點(diǎn):
$('.footer').load()調(diào)用時(shí)必須在服務(wù)器環(huán)境中打開HTML文件才能成功,不能直接雙擊打開
打開后瀏覽器的路徑應(yīng)該是http://127.0.0.1:8020/index.html,
而不是file:///G:/html/index.html這樣的路徑,否則在大部分的瀏覽器上都無法使用。
在此建議使用HBuilder這款編輯器,在運(yùn)行時(shí)會(huì)創(chuàng)建服務(wù)器環(huán)境,并且在局域網(wǎng)中在別的手機(jī)或電腦上預(yù)覽。
那么以上的這些內(nèi)容就是小編要和大家分享有關(guān)于“在HTML5中怎么在公共頁面提取代碼?”這個(gè)問題的全部內(nèi)容,更多的相關(guān)內(nèi)容我們都可以在W3Cschool進(jìn)行學(xué)習(xí)和了解!