潜在的 JavaScript/php 查询答案

【问题标题】：Potential JavaScript/php query潜在的 JavaScript/php 查询
【发布时间】：2016-10-25 23:14:10
【问题描述】：

我认为我精通 html 和 css，我正计划在 Web 开发领域拓宽我的视野。有没有办法使用基本的 html/css 甚至 javascript/php 为带有类的 div 创建一个设置模板？

例如，使用“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>

【问题讨论】：

我相信你的意思是 JavaScript。 Java 不常在 Web 上使用。
如果你使用JavaScript库，jQuery，就这么简单：$("#1").html("<h1></h1><br /><p></p>");
@NoOneIsHere 实际上，他可能在谈论 Java。 PHP 和 Java 在功能上本质上是相同的，但并不同样受欢迎。
Java 在 Web 上绝对用作 jsp 页面。你可以对页面片段做类似的事情。
你可能想改变你的类名，nathzOO，只有一个整数甚至一个整数，因为第一个字符通常会产生意想不到的行为。

标签： javascript php html css

【解决方案1】：

这真的取决于你想做什么。 “模板”通常不是 JS 或 PHP 的东西，但您可以使用库等来使用它们。

一个广泛使用的 PHP 库是Smarty，正如它所说，它是一个“模板引擎”。对于 JS 也可以找到类似的东西，比如ReactJS 和AngularJS。我建议四处看看，看看什么最适合你。

【讨论】：

【解决方案2】：

您可以在 HTML 中使用名为 <script> 的特殊标记来执行此操作。 <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的$（在另一个<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> 可以修改。

【讨论】：

我已将您的脚本应用到 test.html 页面，但由于某种原因，我无法让它工作。我已经用适当的例子编辑了上面的内容。