我有两个HTML文件,假设是a.htmlb.html.在a.html中我想包括b.html.

在JSF中,我可以这样做:

<ui:include src="b.xhtml" />

这意味着在a.xhtml个文件中,我可以包含b.xhtml个.

我们怎么能在*.html档里做到这一点呢?

推荐答案

在我看来,最好的解决方案是使用jQuery:

a.html:

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>

b.html:

<p>This is my include file</p>

这个方法简单明了地解决了我的问题.

jQuery.load()文档是here.

Javascript相关问答推荐

MathJax可以导入本地HTML文档使用的JS文件吗?

如何将数据块添加到d3力有向图中?

无法读取未定义的属性(正在读取合并)-react RTK

输入的值的类型脚本array.排序()

固定动态、self 调整的优先级队列

连续添加promise 时,如何在所有promise 都已结算时解除加载覆盖

从异步操作返回对象

为什么当雪碧的S在另一个函数中时,Phaser不能加载它?

如何使pdf.js上的文本呈现为可选?

如何处理不带参数的redux thunk payloadCreator回调函数?

Rails 7:在不使用导入映射的情况下导入Java脚本

递归地将JSON对象的内容上移一级

在Reaction Native中,ScrolltoIndex在结束时不一致地返回到索引0

在Java脚本/类型脚本中覆盖父构造函数中的默认值

扩展更新所有输入的CSSprops 的函数

从D3 v3更新,没有错误,但输出SVG路径不可见

如何有条件地返回Java脚本中的函数?

使用IMAP搜索主题为空的邮箱

如何根据对象数组中的用户条目进行筛选

如何在原生JavaScript中阻止精灵从画布上移开?