javascript - 如何创建 html 页面的实例并动态加载到主页列表中

标签 javascript jquery html css web

我有主 html 页面,然后我需要添加一个动态创建的模板列表,该列表是我创建的另一个 html 文件的模板。

基本上,我在单独的 HTML 页面中为列表中的一项创建了一个模板。

所以我需要做的是创建该 html 页面的实例,填充正确的数据,然后将其添加到主 html 页面上的元素列表中。 我知道如何在 java 中执行此操作,但我不确定如何在 HTML/Javasript 中执行此操作。

动态创建 html 对象实例的首选方法是什么。

谢谢

最佳答案

可以使用jQuery load方法加载html模板

  $("#container").load('path/template.html', function(){
    // some code to populate your template      
  });

注意:这只能通过网络服务器工作,而不是在本地工作,因为您会触及浏览器的跨站点源策略。使用 apache 或类似软件

关于javascript - 如何创建 html 页面的实例并动态加载到主页列表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40934514/

相关文章:

javascript - 从函数返回 jquery 对象

javascript - 将多个 <image> 与所有 css 应用元素从自身 DOM 保存到 jpg/png 文件

javascript - 为什么这个函数没有运行?

javascript - 如何在使用 ES6 的 Set 集合时检查类实例的相等性和相同性?

javascript - 缩放 html 以适应窗口而不影响内容

Python-Docx 将 HTML 插入 Docx

CSS 菜单 : width of dropdown items limited by div

javascript - 获取脚本路径

javascript - JQuery hide() 和 show() 不适用于 IE 7 和 8

javascript - 实现 HTML、CSS 和 JS 之间真正的关注点分离?