App下載

在HTML5中怎么在公共頁面提取代碼?方法詳解!

白日夢工廠廠長 2021-08-16 10:47:26 瀏覽數 (3157)
反饋

相信很多小伙伴們都只知道在網站制作中有很多部分的代碼是相同的,如footer部分,可以把這段代碼提取出來,在別的頁面調用。那么今天我們就來說說有關于:“在HTML5中怎么在公共頁面提取代碼?”這個問題!

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()調用時必須在服務器環(huán)境中打開HTML文件才能成功,不能直接雙擊打開

打開后瀏覽器的路徑應該是http://127.0.0.1:8020/index.html,

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

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

那么以上的這些內容就是小編要和大家分享有關于“在HTML5中怎么在公共頁面提取代碼?”這個問題的全部內容,更多的相關內容我們都可以在W3Cschool進行學習和了解!


0 人點贊