如何将javascript变量从.js文件导入html文档答案

【问题标题】：How to import javascript variable from .js file to html document如何将javascript变量从.js文件导入html文档
【发布时间】：2014-05-12 16:43:30
【问题描述】：

我正在尝试从 default.js 文件中打印出一个变量。该变量最多计数一个数字，我想在 html 页面上打印。

现在，我有：

We found <script type="text/javascript"> 
    var $tempCountPlaces;
    document.write($tempCountPlaces); </script> places for you!

    <div id="places_list">
    <script type="text/javascript">

      var places_file = '<?php echo site_url().'/places.html'; ?>';
      var region_id = <?php echo $region; ?>;
      var event_type_id = <?php echo $eventtype; ?>;
      var seats = '<?php echo $seats; ?>';      

    </script>

如您所见，我可以将文件从 PHP 发送到 Javascript，然后在 default.js 文件中使用这些变量。但是如何将default.js中的一个变量导入到html页面中，然后打印该变量，如上图呢？

var $tempCountPlaces;是在default.js文件中定义的，它不是函数内的局部变量。

所以基本上我想使用脚本标签将变量从 default.js $tempCountPlaces 传递到我的 HTML 文件中。

【问题讨论】：

javascript中没有Java变量
是的，你当然是对的。现在改了

标签： javascript php html import

【解决方案1】：

您可能需要考虑这样处理问题：

HTML 文件包含：

We found <span id="numOfPlaces"></span> places for you!

JavaScript 文件包含：

var tempCountPlaces = 10;//example value fetched from your PHP service

document.getElementById("numOfPlaces").innerText = tempCountPlaces;
//of if you choose to use jQuery: $("#numOfPlaces").text(tempCountPlaces);

您的结果界面最终将如下所示：

We found 10 places for you!

【讨论】：

【解决方案2】：

我曾经问过同样的问题，是的，ajax 和 axios 可以提供帮助，但是如果你真的需要将任何 var 从直接 php 传递到 javascript，或者从你的 html 中的脚本传递给你 doc.js，你必须这样做这个：

<head> 
 <script type="text/javascript">
       var places_file = '<?php echo site_url().'/places.html'; ?>';
 </script>
 <script src="js/youDoc.js" type="text/javascript"></script>
</head>

如您所见，您只需先声明您的变量，然后添加您的 js 文档。

【讨论】：