HTML引用公共頁面三種方式（header.html和footer.html）

本文轉載自查看原文 2021-05-13 08:57 1599 JavaScript

1.Jquery load方式

<body>
<div class="headerpage"></div>
<div>...中間部分...</div>
<div class="footerpage"></div>
<script src="js/jquery/2.0.0/jquery.min.js"></script>
<script>
    $(function(){
        $(".headerpage").load("header.html");
        $(".footerpage").load("footer.html");
    });
</script>
</body>

2.把html轉為js引入

<script type="text/javascript" src="header.js"></script>

3.使用iframe

<iframe src="header.html" scrolling="no" frameborder="0" height="100%" id="mainFrame" width="100%"></iframe>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。