Question

我想我能说流利的HTML和CSS，我正计划在网络开发的世界中拓宽视野。有没有办法使用基本的html / css甚至javascript / php为一个div创建一个set模板？

例如，使用“test”类创建的任何div标签都将具有预设元素，如下所示。

<div class="test"> 
 <h1></h1><br />
 <p></p>
</div>

已更新为javascript ..

使用建议的Jquery代码，它没有正确响应。

<!doctype html>
    <html>

    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
        <script>$(".test").html("<h1>TEST</h1><br /><p>TEST</p>");</script>
    </head>

    <body>

    <div class="test"></div>

    </body>
    </html>

Answer 1

您可以使用名为<script>的特殊标记在HTML中执行此操作。 <script>基本上告诉浏览器不要显示文本，而是将其作为 JavaScript 运行。如果您想了解有关JavaScript语法的更多信息，Wikipedia可能有所帮助。您可以使用名为jQuery的开源库来缩短JavaScript代码。要使用jQuery，您需要包含

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>

HTML文档中的

（最好在<head>中）。要做你所问的，你只需要使用jQuery＆＃39; $（在另一个<script>中）：

$(".test").html("<h1></h1><br />
                 <p></p>");

这样做是选择（$）所有元素类（.）测试，并将其内部HTML（其中的HTML）设置为指定的代码。你的头现在应该是这样的：

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
</head>
<body>
    <div class="test"> </div>
    <script>
        $(".test").html("<h1></h1><br /><p></p>");
    </script>
</body>

脚本必须排在第二位，以便<div>可以修改。

Answer 2

这实际上取决于你想做什么。＆＃34;模板＆＃34;通常不是JS或PHP的东西，但你可以使用库等来使用它们。

一个广泛使用的PHP库是Smarty，正如它所说的那样，是一个＆＃34;模板引擎＆＃34;。 JS可以找到类似的东西，例如ReactJS和AngularJS。我建议你去看看，看看哪种方式最适合你。

潜在的JavaScript / php查询

2 个答案: