Question

假设我有一些像这样的html文件：

<body>
   <div></div>
</body>

鉴于我已正确引用jQuery，并且我有一个.js文件，如：

$(document).ready(function(){
    $('div').html(4);
});

在浏览器中查看html时输出4。为什么我这样做时没有显示任何内容？

 $(document).ready(function(){
    $('div').html(<?php echo 4; ?>);
 });

Answer 1

.js文件不是PHP文件。您也可以将.js文件重命名为blah.js.php，在该文件中可以执行该文件中的PHP块，但是当您将该文件包含在页面中时，该文件仍然像jQuery一样。

Answer 2

您应该尝试将动态内容保留在页面上，并使Javascript文件保持静态。这将允许浏览器缓存您的Javascript。因此，以下是如何将动态值提供给静态Javascript。

您的网页应如下所示：

<html>
<body>
   <div></div>
    <script>
        var myNumber = <?php echo 4; ?>;
    </script>
</body>
</html>

您的Javascript文件应如下所示：

$(document).ready(function(){
    $("div").html(myNumber);
});