[英]How to use JS variable value in html page
我有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>
如何獲得變量值?
我建議使用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>
您不能僅在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>
如果您需要處理大量文件,則可以將它們全部放入數組中並循環處理。
另一個答案,這次使用的是完全不同的方法。
<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>
這應將占位符替換為實際值。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.