HTML引用公共页面三种方式

最新推荐文章于 2024-02-27 10:10:56 发布

青莳吖

最新推荐文章于 2024-02-27 10:10:56 发布

阅读量3.6k

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/weixin_44758923/article/details/124094143

版权

本文探讨了三种页面加载技术：使用JQuery的load方法异步加载'header.html'和'footer.html'，HTML文件直接转化为JS引入，以及通过iframe嵌套外部HTML。对比了它们的优缺点及适用场景。

摘要由CSDN通过智能技术生成

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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

青莳吖

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
HTML引用公共页面三种方式

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(){
复制链接

扫一扫