在HTML5中怎么在公共頁(yè)面提取代碼？方法詳解！

來(lái)源: 白日夢(mèng)工廠廠長(zhǎng) 2021-08-16 10:47:26 瀏覽數(shù) (3379)

反饋

相信很多小伙伴們都只知道在網(wǎng)站制作中有很多部分的代碼是相同的，如footer部分，可以把這段代碼提取出來(lái)，在別的頁(yè)面調(diào)用。那么今天我們就來(lái)說(shuō)說(shuō)有關(guān)于：“在HTML5中怎么在公共頁(yè)面提取代碼？”這個(gè)問(wèn)題！

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)境中打開(kāi)HTML文件才能成功，不能直接雙擊打開(kāi)

打開(kāi)后瀏覽器的路徑應(yīng)該是http://127.0.0.1:8020/index.html，

而不是file:///G:/html/index.html這樣的路徑，否則在大部分的瀏覽器上都無(wú)法使用。

在此建議使用HBuilder這款編輯器，在運(yùn)行時(shí)會(huì)創(chuàng)建服務(wù)器環(huán)境，并且在局域網(wǎng)中在別的手機(jī)或電腦上預(yù)覽。

那么以上的這些內(nèi)容就是小編要和大家分享有關(guān)于“在HTML5中怎么在公共頁(yè)面提取代碼？”這個(gè)問(wèn)題的全部?jī)?nèi)容，更多的相關(guān)內(nèi)容我們都可以在W3Cschool進(jìn)行學(xué)習(xí)和了解！

HTML5

0 人點(diǎn)贊