访问 html 或 ejs 页面中的 JS 变量答案

【问题标题】：Access a JS variable inside an html or ejs page访问 html 或 ejs 页面中的 JS 变量
【发布时间】：2017-11-15 06:46:04
【问题描述】：

我有一个带有 JSON 对象的 js 文件，例如- 说 main.js

const person = {};
person.AGE = '17';
person.GENDER = 'Male';

文件加载到 .ejs 文件中，如：

<script type="text/javascript" charset="utf-8" src="main.js"></script>

有什么方法可以直接访问 HTML 或 EJS 页面中的这个 person 变量，比如说

<li></li>

我想在 li 标签里面写 person.GENDER。

我知道我可以拥有一个 JS 并且可以使用 innerHTML 等等，但有什么方法可以直接在 .ejs 页面中直接访问？

另外，有没有一种方法可以动态加载我的脚本。假设我有两个脚本：ScriptA 和 ScriptB

检查一些条件我想加载一个特定的脚本。有什么想法吗？

【问题讨论】：

通过 EJS？恐怕那是不可能的。 EJS 在服务器上执行，而不与运行时中的页面 JS 交互。为什么不能使用innerHTML？
我只是想了解更多信息并尝试不同
那个JS-Object是在你的客户端还是在服务器端？
在 ejs 的 script 标签中加载了这个 JS 的另一件事
它在客户端，在加载页面时，这个脚本最初被加载

标签： javascript html node.js ejs

【解决方案1】：

另外，有没有一种方法可以动态加载我的脚本。假设我有两个脚本：ScriptA 和 ScriptB。检查一些我想加载特定脚本的条件。有什么想法吗？

做，EJS 的用途：

<html>
<head>
<!-- head -->
    <% if(condictionA) { %>
    <script type="text/javascript" charset="utf-8" src="main.js"></script>
    <% } 
    if (conditionB) { %>
    <script type="text/javascript" charset="utf-8" src="main2.js"></script>
    <% } %>
<!-- head -->
</head>
....

【讨论】：