apache PHP文件未阅读js脚本文件

iszxjhcz  于 2023-03-13  发布在  Apache
关注(0)|答案(1)|浏览(120)

我试图确保我的php文件正在阅读我的js文件,当我单击我的减少按钮时,我的控制台说

Uncaught ReferenceError: decrease is not defined
onclick http://localhost:3000/index.php:1

我知道这表明我的decrease()函数在我点击按钮时不存在,这是不正确的。我确保我也包括了html脚本标记。
这是我的两份档案

索引.php

<?php
  $price = 3;
  $quantity = 5;
  $total = $price * $quantity
?>

<!DOCTYPE html>
<html>
  <head>
    <title>PHP Test</title>
  </head>
  <body>
    <p>Total: <?php echo $total; ?> </p>
    <button onclick='decrease();'>Click Me</button>
    <input type='text' id = 'num' value="0"></input>
    
    <script type='text/javascript' src='./index.js'></script>
  </body>
</html>

索引.js

let i = null;

 
  function decrease(){
    i = i - 1;
    document.getElementById('num').value = i;
    console.log(i)
  }

我试过几次重启我的网络服务器,但都不起作用。我错过了什么,它阻止了我的外部js脚本文件中的函数?

kq4fsx7k

kq4fsx7k1#

根据我的理解,当我使用Web服务器时,我不会对js、CSS或图像等资源使用相对路径。
如果目录如下所示:

Main
 |- index.php
 |- index.js

然后,您可以像这样导入javascript文件,不带点.

<script type='text/javascript' src='/index.js'></script>

有时,当您从Apache Netbean创建项目时,项目URL将变为http://localhost/ProjectName
例如,如果您从http://localhost/ProjectName/index.php访问您的index.php,那么您应该能够获得如下所示的javascript文件:

<script type='text/javascript' src='/ProjectName/index.js'></script>

我还没有测试过,希望对你有帮助。

相关问题