EJS：%= 与 %-

JS

使用EJS生成动态网页内容

EJS（Embedded JavaScript）是一种嵌入式JavaScript模板引擎，它允许我们使用JavaScript来生成动态的网页内容。在EJS中，我们可以使用<%= %>标签和<%- %>标签来插入动态内容。

插入动态内容

使用<%= %>标签可以在网页中插入变量的值或表达式的结果。例如，我们可以通过以下代码将一个变量的值插入到网页中：

<%= name %>

这将在网页中输出变量name的值。

插入HTML内容

有时我们想要在网页中插入一些HTML内容，例如一个链接或一个段落。使用<%- %>标签可以将HTML内容插入到网页中，而不会对其进行转义。例如，我们可以通过以下代码插入一个链接：

<%- "Click here" %>

这将在网页中插入一个链接，用户点击链接后将跳转到https://www.example.com。

案例代码

下面是一个简单的示例代码，演示了如何使用EJS来生成动态网页内容。假设我们有一个用户对象，其中包含用户名和年龄信息。我们可以根据用户的年龄显示不同的信息。

html
<!DOCTYPE html>
<html>
<head>
  <title>User Profile</title>
</head>
<body>
  <h1>User Profile</h1>
  
Welcome, <%= user.name %>!
  
  <% if (user.age >= 18) { %>
    
<img src="https://img.izhida.com/topic/d52387880e1ea22817a72d3759213819.jpg" alt="Java"><br>Java
You are an adult.
  <% } else { %>
    
You are a minor.
  <% } %>
</body>
</html>

在上面的代码中，我们使用<%= %>标签将用户的名字插入到网页中。然后，使用<% %>标签创建一个条件语句，根据用户的年龄显示不同的信息。

EJS是一种强大的模板引擎，可以帮助我们生成动态的网页内容。通过使用<%= %>标签和<%- %>标签，我们可以插入变量的值、表达式的结果或HTML内容到网页中。以上是一个简单的示例代码，演示了如何使用EJS来生成动态网页内容。希望这篇文章对你有所帮助！