将JavaScript JSON变量从index.js传递到index.html

Question

这是我的index.js文件：

 function fun()
{
 var obj;
}

这是我的index.html文件：

<script>
  src="js/index.js"
</script>

我想在这里使用变量obj。

我看到了一些创建变量并传入index.html的解决方案，但有没有注入方法？

实际上，obj是一个JSON对象。我之前忘记提到了。我如何在脚本标记之外的index.html中使用JSON对象键和值？

Answer 1

虽然没有任何方法可以简单地将JS变量注入HTML中，但您可以使用javascript函数执行相同的操作：

在index.js中：

function fun()
{
    return obj; // Assuming obj is a defined variable.
}
document.getElementById("toReplace").innerHTML = fun();

在index.html中

<p id="toReplace"></p>
<script src="index.js"></script>

基本上，您的javascript将替换＆lt; p＆gt;的内容。标签，其ID为＃34; toReplace＆＃34;，其值为fun（）。

Answer 2

试试AngularJS。有了这个，你可以在$scope中声明变量并在你的html中使用它，如：

JavaScript的：

...some angular logic...
$scope.foo = "bar";
...some other angular logic...

HTML：

<p>{{foo}}</p>

有很多教程。阅读文档。这可能就是你要找的东西。