oldbee0925 2021-11-27 16:49 采纳率: 91.4%
浏览 59
已结题

简单的一个import外部html文件,为什么报错了?

我从未搞过前端,非常菜。但这个问题困扰了我1周,实在没法,请教:
html页面有大量的代码是复用的,比如菜单、头部、底部等。我想把这些复用代码设置成单独的html文件,其他页面有需要时调用。
我不想用include,因为这个受限于iis与windows。
在网上抄了这么一段简单的代码,竟然执行不了,请教了:
在head中:

<link rel="import" href="left_sidebar.html"  id="left_sidebar"/>

在body中:

<script>
 document.write(left_sidebar.import.body.innerHTML);
</script>

结果报错:
Uncaught TypeError: Cannot read properties of undefined (reading 'body')
查资料2天了,无法解决请各位指教,不胜感激!!

  • 写回答

2条回答 默认 最新

  • 本堃不方 2021-11-27 17:03
    关注

    可以吧,你试试
    b1.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    </head>
    <body>
        <h1>我是b1</h1>
        <div id="page1"></div>
    
        <script>
            $("#page1").load("b2.html");
        </script>
    </body>
    </html>
    

    b2.html

        <h1>
            我是b2
        </h1>
    

    你看看是不是

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 12月8日
  • 已采纳回答 11月30日
  • 修改了问题 11月27日
  • 修改了问题 11月27日
  • 展开全部

悬赏问题

  • ¥15 wpf界面一直接收PLC给过来的信号,导致UI界面操作起来会卡顿
  • ¥15 运动想象脑电信号数据集.vhdr
  • ¥15 三因素重复测量数据R语句编写,不存在交互作用
  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景