在 html 中插入 javascript 变量的框架

Posted

技术标签:

【中文标题】在 html 中插入 javascript 变量的框架【英文标题】:Framework to Insert javascript variables inside html 【发布时间】:2016-01-14 09:54:46 【问题描述】:

我知道您目前无法像添加 php 那样在 html 标记中添加 javascript。即

<h2 class=name"><script>var name</script></h2>. 

但是,随着当前 javascript 框架/库的兴起,我猜想有些东西可以让我们实现这一目标。

如果没有,为什么不呢?这种方法有什么安全影响吗?

【问题讨论】:

谷歌:javascript模板引擎 为什么要动态添加代码,这将带来巨大的安全风险。 @Baine Sumpin 你能详细说明安全风险吗?模板引擎是否降低了风险? 只要是您添加代码并且用户输入不受影响,风险就会很小。但是,将 JavaScript 放置在页面上并不是正确的方法,您应该使用 DOM 在元素中插入和更改数据。 【参考方案1】:

大多数流行的 JavaScript 应用程序框架都允许您这样做,包括:

Angular React Meteor Ember

如果您正在寻找一种快速且最少的东西来一起破解某些东西,您可以试试Handlebars。

但是,根据您的项目范围和您对学习 JS 应用程序开发的兴趣,研究上面链接的一些功能更全面的应用程序框架将是一项值得投资的投资 - 给React 一个机会!

【讨论】:

感谢您的快速回答。车把似乎最适合我的情况。绝对有兴趣学习 React。

以上是关于在 html 中插入 javascript 变量的框架的主要内容,如果未能解决你的问题,请参考以下文章

如何将href URL插入Javascript变量?

使用 Javascript 将大块 HTML 插入元素的最佳实践?

Web - Javascript

如何在javascript中插入带有innerHTML的php数组

JavaScript—— 变量及数据类型

JavaScript 01