潛在的JavaScript/php查詢

我想認爲我能流利地使用html和css，並計劃拓展我在web開發領域的視野。有沒有辦法使用基本的HTML/CSS甚至JavaScript/PHP的類創建一個div的設置模板？潛在的JavaScript/php查詢

例如，任何使用「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>

來源

2016-06-23 nathzOO

我相信你的意思是Java ** Script **。 Java在網上並不常用。 – NoOneIsHere

如果使用的是JavaScript庫，jQuery的，它是非常簡單：'$（「＃1」）HTML（「

」）;' – NoOneIsHere

@NoOneIsHere事實上，他可以談論的Java。 PHP和Java在功能上基本相同，但不是同樣受歡迎。 – Randy

您可以使用名爲<script>的特殊標記在HTML中執行此操作。 <script>基本上告訴瀏覽器不要顯示文本，而是運行它爲JavaScript。如果你想了解更多關於JavaScript語法的知識，Wikipedia可能會有所幫助。您可以使用名爲jQuery的開源庫來縮短JavaScript代碼。要使用jQuery，您需要在您的HTML文檔（最好在<head>）中包含

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

。要做到你的要求，你只需要使用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>有修改。

來源

2016-06-23 14:47:29 NoOneIsHere

我已將您的腳本應用到test.html頁面，並且出於某種原因，我無法使其工作。我已經編輯了上面的例子。 – nathzOO

@nathzOO我編輯了我的答案。 – NoOneIsHere

這真的取決於你想要做什麼。「模板」通常不是JS或PHP的東西，但可以使用庫等來使用它們。

一個廣泛使用的PHP庫是Smarty，就像它說的那樣，它是一個「模板引擎」。 JS可以找到類似的東西，比如ReactJS和AngularJS。我建議你四處看看，看看最適合你的是什麼。

來源

2016-06-23 15:03:06

潛在的JavaScript/php查詢

回答

相關問題