如果网站需要为每个项目都提供一个页面,那么最好手动创建具有相同HTML代码但标题/图像/描述不同的页面,或者仅创建一个页面,然后通过javascrpit添加内容,具体取决于用户遵循的页面,例如?
linkBtn.addEventListener('click', function() {
contentEl.innerHTML = `<div>
<div>
<h3>${title}</h3>
</div>
...etc
</div>`
})
还是没有那么可怕的解决方案?
这完全取决于您。比较stackoverflow网站和gmail网站。在页面之间导航时,Stackoverflow会重新加载整个网站。这意味着您的浏览器正在请求一个新资源,而stackoverflow服务器正在返回该资源,可能会通过新问题等动态创建它,但是只是向您发送原始HTML。
另一方面,gmail加载一次,但是随后完全通过javascript获取每个不同的页面。例如,这可能涉及向gmail服务器询问新消息,但也可能只是修改HTML以显示设置页面。
两种处理方式都有明显的优缺点。
附带说明一下,在javascript中,分配给它不是一个好主意,innerHTML
因为这要求浏览器进行大量工作来重新解析新的markdown。相反,您应该将DOM模型与document.createElement
和一起充分使用Element.appendChild
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句