c js里面怎么用<%%>

npm install ejs

设置EJS为视图引擎

在你的Node.js应用中，设置EJS为视图引擎：

const express = require('express');
const app = express();
app.set('view engine', 'ejs');
app.set('views', './views'); // 设置视图文件夹路径

创建EJS模板

在views文件夹中创建一个.ejs文件，例如index.ejs：

<!DOCTYPE html>
<html>
<head>
    <title>My EJS Page</title>
</head>
<body>
    <h1>Welcome, <%= name %>!</h1>
    <ul>
        <% items.forEach(function(item) { %>
            <li><%= item %></li>
        <% }); %>
    </ul>
</body>
</html>

渲染EJS模板

在你的路由处理程序中渲染EJS模板：

app.get('/', (req, res) => {
    res.render('index', {
        name: 'John Doe',
        items: ['Item 1', 'Item 2', 'Item 3']
    });
});
app.listen(3000, () => {
    console.log('Server is running on http://localhost:3000');
});

通过上述步骤，EJS模板会根据传入的数据动态生成HTML内容。<%= %>标签用于输出变量值，<% %>标签用于执行JavaScript代码。

二、动态生成HTML内容

1、直接在Node.js中使用

除了使用模板引擎，你也可以直接在Node.js中生成HTML内容。以下是一个简单示例：

const http = require('http');
http.createServer((req, res) => {
    res.writeHead(200, { 'Content-Type': 'text/html' });
    res.write('<html><body>');
    res.write('<h1>Welcome</h1>');
    res.write('<p>This is a dynamic HTML page.</p>');
    res.write('</body></html>');
    res.end();
}).listen(3000, () => {
    console.log('Server is running on http://localhost:3000');
});

在这个示例中，HTML内容是直接在Node.js代码中生成并发送给客户端的。这种方法适用于简单的静态内容，但对于复杂的动态内容，推荐使用模板引擎。

三、在Node.js环境中使用

1、结合Express框架

Express是一个流行的Node.js框架，常用于构建Web应用。它与模板引擎结合使用时非常方便。以下是一个使用Express和EJS的示例：

const express = require('express');
const app = express();
app.set('view engine', 'ejs');
app.set('views', './views');
app.get('/', (req, res) => {
    res.render('index', {
        name: 'John Doe',
        items: ['Item 1', 'Item 2', 'Item 3']
    });
});
app.listen(3000, () => {
    console.log('Server is running on http://localhost:3000');
});

2、结合其他模板引擎

除了EJS，你还可以使用其他模板引擎，如Pug和Handlebars。以下是使用Pug的示例：

安装Pug

npm install pug

设置Pug为视图引擎

const express = require('express');
const app = express();
app.set('view engine', 'pug');
app.set('views', './views');

创建Pug模板

在views文件夹中创建一个.pug文件，例如index.pug：

doctype html html head title My Pug Page body h1 Welcome, #{name}! ul each item in items li= item

渲染Pug模板

在你的路由处理程序中渲染Pug模板：

app.get('/', (req, res) => {
    res.render('index', {
        name: 'John Doe',
        items: ['Item 1', 'Item 2', 'Item 3']
    });
});
app.listen(3000, () => {
    console.log('Server is running on http://localhost:3000');
});

通过这些示例，我们可以看到如何在Node.js环境中使用不同的模板引擎来动态生成HTML内容。

四、总结

使用<%%>标签的主要方法包括：结合模板引擎、动态生成HTML内容、在Node.js环境中使用。 结合模板引擎是最常见和推荐的方法。通过使用模板引擎，如EJS、Pug、Handlebars等，我们可以在HTML中嵌入JavaScript代码，从而实现动态内容的生成。模板引擎不仅提高了代码的可读性和维护性，还简化了动态内容生成的过程。在实际应用中，推荐结合Express等框架使用模板引擎，以便更高效地开发Web应用。