javascript - 使用普通 JavaScript 的 HTML 模板

标签 javascript html templating

我有一个 SharePoint 应用程序,可以从库中检索页面内容,并为桌面和移动网站提供数据。我们在页面中也有链接,如何使用普通 JavaScript 呈现 HTML 模板?

例如,我们有几个来自页面内容的页面链接:

<a class="template" href="/3.aspx">

我想添加 http://<sitename>/pages/http://<sitename>/pages/m/ href 前面的内容取决于屏幕尺寸或设备。

如何通过 vanilla JS 实现这一点?

最佳答案

有一个名为 lit-html 的轻量级库这很简单:

import { html, render } from 'https://unpkg.com/lit-html/lit-html.js?module';

const linkTemplate = orientation =>
  html`<a href="https://<sitename>/pages/{orientation != null ? 'm/' : '/'}3.aspx">Link text</a>`

render(linkTemplate(window.orientation), container)

关于javascript - 使用普通 JavaScript 的 HTML 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52482642/

相关文章:

javascript - AngularJS slider 中的两种方式数据绑定(bind)

javascript - 谷歌地图 "noClear"不工作

javascript - Handlebars 中模板的条件渲染

javascript - 如何使用 angular.js 将 JavaScript 数组变量值传递给 html

javascript - 我想创建一个匿名函数,它将在另一个函数中调用

javascript - jQuery - 当所有 ajax 完成时执行操作

html - Cocoa:从字符串显示 HTML

html - 包含较小字体的跨度的段落的行高不正确

wpf - 样式化 GridSplitter wpf C#

javascript - 为什么这个函数表达式的行为与函数声明不同?