Question

我有js变量值，我想在html页面中添加变量值。 randomNo值基于时间而变化。

    <script>
        var randomNo = 93339;
   </script>
    <script type="text/javascript" src="js/plugins-gen.js?ver={$randomNo}"></script>
   <script type="text/javascript" src="js/core-gen.js?ver={$randomNo}"></script>

我如何获得变量值？

Answer 1

我建议使用JS设置属性值。

<script>
        var randomNo = 93339;
document.getElementById('plugins-gen.js').src="js/plugins-gen.js?ver="+randomNo;
document.getElementById('core-gen.js').src="js/core-gen.js?ver="+randomNo;
   </script>
    <script id="plugins-gen.js" type="text/javascript"></script>
   <script id="core-gen.js" type="text/javascript"></script>

Answer 2

您不能仅在Javascript中引用HTML中的Javascript变量。因此，您需要动态创建这些脚本元素：

<script>
var randomNo = 93339;
var script1 = document.createElement('script');
script1.src = 'js/plugins-gen.js?var=' + randomNo;
document.head.appendChild(script1);
var script2 = document.createElement('script');
script2.src = 'js/core-gen.js?var=' + randomNo;
document.head.appendChild(script2);
</script>

如果您需要对大量文件执行此操作，则可以将它们全部放入数组中并循环处理它们。

Answer 3

另一个答案，这次采用了一种截然不同的方法。

<script>
    var randomNo = 93339;
    var scripts = document.getElementsByTagName('script'); // all <script> tags
    for (var i = 0; i < scripts.length; i++) {
       scripts[i].src = scripts[i].src.replace('{$randomNo}',randomNo); // replace '{$randomNo}' with the variable's value
    }
</script>
<script type="text/javascript" src="js/plugins-gen.js?ver={$randomNo}"></script>
<script type="text/javascript" src="js/core-gen.js?ver={$randomNo}"></script>

这应该用实际值替换占位符。

如何在html页面中使用JS变量值

3 个答案: