Javascript 使用css重用HTML

如果我想恢复HTML的一部分以及相关的css，最好的方法是什么？

查看网页的来源：

Ctrl+A=>全选

Ctrl+C=>复制

如果尚未打开文本编辑器或IDE：

Ctrl+V=>粘贴

---

Ctrl+S=>保存到.html扩展名

如果纯粹使用html和CSS，这是不可能的。如果您使用一些JavaScript或其他服务器端编程，那么您可以将HTML存储在变量中，并稍后将其回显。

使用服务器端语言（如PHP）生成HTML。

如果可以使用jQuery，请使用jQuery克隆它：

$('#parent .child').clone().appendTo('#parent');

看一看

从jQuery站点：

.clone方法执行匹配数据集的深度复制 元素，这意味着它复制匹配的元素以及所有 它们的子元素和文本节点。结合使用时 使用其中一种插入方法，.clone是一种方便的插入方法 在页面上复制元素

---

您可能需要创建一种模板，对吗？您可能需要使用像PHP这样的服务器端语言来完成这项工作

您可能需要创建一些文件，如：header.php、body.php和footer.php

index.php文件的工作原理如下：

<?php
     require "header.php";
     require "body.php";
     require "footer.php";
¿>

---

您可以创建客户端模板，例如jQuery模板或下划线模板，它们可以重用HTML布局

下面是一个过于简化的动态生成ul的示例，它生成给定数据对象d的客户名字列表：

此处的详细帖子：

HTML不能重复使用

HTML结构可以重用，但由于HTML通知了文本位之间的关系，并且文本因页面而异，因此HTML本身无法重用

但是：如果您以一种相当一致的方式编写HTML，并保持CSS相对不受特殊情况和疯狂扭曲的影响，以实现视觉效果，这在一开始可能不是一个好主意，甚至很多时候您可以简单地@import样式表

这样做的一个好主意是将CSS分为两个文件；e、 g.layout.css和style.css

layout.css将包含页面的总体布局。菜单在右边，h3是24px粗体，p在右边有5em的边距

css将包含颜色方案、相关的图像替换代码以及通常特定的内容，并从@importing structure.css开始

这样，如果您想重用总体布局，您可以快速轻松地完成，而不会带来太多麻烦。SE站点是一种使用这种方法的基本方面的站点的例子，即使它们不完全这样做

注意：我不知道这个问题与JavaScript有什么关系，但我也会尝试回答这个问题：

---

当您使用JavaScript或jQuery时；任何应用于$.cloneing或类似元素的CSS都将应用于下一步放入的任何位置。

您能详细说明一下吗？这与jQuery有什么关系？一切都与jQuery有关。@BoltClock:您可以利用jQuery模板-1，一部分是因为油嘴滑舌，一部分是因为这基本上是一种错误的方法。Ctrl+V，不是P-但我欣赏你的速度。@Williham-我打得有点快^ ^ ^ ^@Renesis:你打不过@Neal:我是认真的-鼠标移过时间戳：Pha！php从何而来？

<script id="MyTemplate" type="text/html">
        <ul>
        <#
            for(var i=0; i < d.length; i++)     
            {      
               var cust = d[i]; 
        #>
                   <li id="Customer_<#= i.toString() #>">
                        <#= cust.FirstName #> 
                   </li>
        <# 
            }
        #>
        </ul>
</script>