我有一个 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/