gpt4 book ai didi

javascript - 处理页面常见 "structural"元素的最佳实践?

转载 作者:行者123 更新时间:2023-11-30 08:16:56 24 4
gpt4 key购买 nike

非常基本的问题:我正在编写一个包含少量页面的网络应用程序。这些页面具有常见的共享元素:例如,站点的页眉/ header 和侧边栏出现在所有页面上。 HTML 是静态的(不是动态生成的,它的“ajax-ness”是在客户端完成的)。

将这些通用元素导入/“包含”到我的页面中的最佳方式是什么?我使用的解决方案是让 HTML 文件包含空占位符

<div id="header"></div>
<div id="leftSideBar"></div>
(...)

然后在 jquery 的 $(document).ready() 中做:

$.get("header.html", function(html) { $("#header").html(html); });
// ....

这是最好的方法吗?我是网络开发的新手。 :)

我想我还可以挖掘出一个“类似宏”的代码生成工具,我将在 HTML 文件上运行该工具以用 header.html 的内容替换“#header”等。这样加载一个页面将需要对单个 HTML 文件的单个请求,这听起来更好。

实现这一目标的明智方法是什么?我相信这个问题已经解决了一千次了。

编辑: 服务器端使用 Python+cherrypy 编码。 (我假设在执行“web 2.0-ish”网络应用程序时尝试避免动态生成 HTML 是合理的。如果我错了请纠正我。正如我所说,我对这个环境很陌生。)

感谢您的见解,

拉拉

最佳答案

如果要包含文件,请考虑使用一些后端语言,例如 PHP 或 ASP。即使这行得通,Javascript 也不是真的要这样做。

<?php include 'other_file.php'; ?>

我认为,使用 javascript 执行此操作会导致糟糕的 SEO,并且页面加载对于最终用户来说可能看起来很奇怪。如果你真的不想使用后端语言,some IDE have a way to handle templates ,您可以调查一下。

关于框架,大多数框架都有处理模板的方法。 ASP.NET 有母版页系统,Ruby on Rails 有布局。

这是一个使用 Rails 的例子:

<html>
...
<div id="content"> <%= yield %> </div>
...
</html>

此处子页面的所有内容都将进入“yield”。这是一个 link了解更多相关信息。

一些框架可以处理多个占位符。

关于javascript - 处理页面常见 "structural"元素的最佳实践?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1968670/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com