在js中加html

2024-02-15 17:10:59

直接在JS文件中插入HTML

```javascript

let html = `

欢迎来到我司的数字资产管理页面

您在这里查看管理您的所有数字资产。

`;

document.body.innerHTML = html;

```

这种方式简单易用,适合简单的HTML结构。

使用模板引擎

动态地生成HTML,模板引擎会是个更好的选择先定义个HTML模板,在JavaScript中填充数据。

```ejs

<%= welcomeMessage %>

<%= description %>

```

```javascript

const data = {

welcomeMessage: '欢迎来到我司的数字资产管理页面',

description: '您在这里查看管理您的所有数字资产'

};

const html = ejs.render(fs.readFileSync('template.ejs', 'utf-'), data);

document.body.innerHTML = html;

```

这种方式更灵活,适合复杂的HTML结构。