Question

我正在尝试从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文件中。

Answer 1

我曾经问过同样的问题，是的，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>

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

Answer 2

您可能需要考虑像这样解决问题：

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!

如何将.js文件中的javascript变量导入到html文档中

2 个答案: