如何使用javascript生成一组多个HTML页面
[英]How to generate a set of multiple HTML pages with javascript
问题描述
我正在创建 Web 应用程序，它将从导入的 json 文件中的数据生成一组相关的 html 页面（每个页面就像一个步骤），每个页面都或多或少地遵循预定义的格式，我不能使用任何服务器语言。
实现这一点的可能方法是什么？
我知道我可能可以使用模板框架，但我认为会在一个文件中生成所有内容，并且页面将不可添加书签，或者我可以在 url 中使用 #ids。
还有其他/更好的方法吗？
2 个解决方案
解决方案1
0 2018-02-23 01:11:48
您在浏览器中使用 JavaScript 作为客户端语言，您无法使用它在服务器上创建 HTML 页面。 您可能指的是一个单页网站，其中 JavaScript 使它看起来像是有子页面。
在最简单的情况下，当一个“链接”实际上只是一个带有附加事件的元素被点击时，它只不过是更改<p>标签的内容。
至于内容，您可以将所有子页面硬编码到一个页面中，或者通过 AJAX 从服务器上的其他真实 HTML 页面或某些 API 加载它。
你指的是什么
在网址中使用#ids
只是使用散列来存储状态，就像在可能的子页面中的“位置”一样。 这具有一些优点，例如允许通过包含哈希的链接直接访问子页面，以及在您的系统中启用浏览器本机后退和前进功能。
解决方案2
0 已采纳 2018-02-23 01:14:18
如果没有服务器端脚本，您将拥有一个单独的 html 页面，该页面将自行构建以表示您的步骤之一。
如果您希望能够到达特定步骤，那么在 url 中使用 #id 是最好的方法。
如果您真的希望每一步都有一个单独的页面，那么您将必须为每一步创建一个静态页面，并且该页面可以根据window.location.pathname自行设置，但这变得笨拙，只有在您有固定步数。
您最初可能会避免使用模板框架，但事实是您最终只会发明自己的模板！
我建议您使用Knockout 。 他们的教程非常有用。 不要因为它是一个 MVVM 平台而被推迟，它小巧且易于学习。
除了使用 Knockout 执行动态内容创建之外，您还可以使用Sammy根据 url 中的 #id 处理路由。
祝你好运
如何保存多个html页面中使用的javascript变量的状态
[英]How to save the state of a javascript variable that is used in multiple html pages
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.