Question

在我的网站上，每个页面都有一个菜单按钮，还有一个评论部分。我没有将其复制并粘贴到每个HTML文件中，而是创建了一个JavaScript文件，该文件通过document.write函数创建所有HTML。这样做很好，但随着它变得越来越冗长和复杂，找到元素和属性变得越来越难，因为它们都被压在一行中。

我想知道是否有更好的方法可以做到这一点，因为我认为这不是正确的方法，因为它是如此混乱和混乱。

我只是使用JavaScript文件。它看起来像这样：

document.write("<div id="id"></div>");

但有更多HTML。

Answer 1

您可以使用jquery

将您的按钮放在自己的ProcessTaslAsync.ConfigureAwait(false)文件中，例如button.html，主html文件中包含.html。

.load()

这会将$('#WhereYouWantItID').load('whatfolder/button.html');文件加载到您网页上的特定目标

Answer 2

我建议使用PHP等服务器端语言进行模板化。这将允许您格式化不同的部分，以便它们易于阅读。即使在浏览器上关闭JavaScript，它也会起作用。

java.lang.reflect.AccessibleObject

如果您想坚持使用客户端方法，那么您可以将菜单和注释放入单独的html文件中，并使用jQuery加载它

<html>
<head></head>
<?php require("menu.php"); ?> 

<!-- HTML body content -->

<?php require("comments.php"); ?>
</html>