Question

我刚开始学习php。我正在尝试在php创建的div上应用非常简单的javascript函数。 javascript函数根本不起作用或响应。为什么呢？

的index.php：

<html>
     <head>
     </head>
     <body>
          <script type = "text/javascript" src = "testing.js"></script>

          <?php
                 echo '<div id="div1"></div>';
          ?>

     </body>
</html>

testing.js：

document.getElementById('div1').innerHTML = 'Changing values'

Answer 1

您正在读取脚本文件时立即执行JS。你需要推迟它直到加载页面，例如onload或DOMContentLoaded事件，如果使用jQuery，则为$().ready。

Answer 2

嗨，我建议你试试这个吗？

<script type = "text/javascript" src = "testing.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    document.getElementById("div1").innerHTML = 'Changing values';
});
</script>

首先，您的javascript应该在HTML标记之外。
其次，检查您的脚本是否已准备就绪，例如alert("test");，以测试它是否在加载页面时弹出警告对话框。

如何在php div上应用Javascript？

2 个答案: