Question

可能是一个愚蠢的问题，但我真的卡住了......这段代码没有发生任何事情。这就像js没有正确连接？不确定为什么

add.js

$('select').on('change', function() {
  alert( this.value );
})

HTML：

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="add.js"></script>
</head>

<select>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

Answer 1

请尝试以下操作：

./index.html

<html>
  <head>
    <meta charset="utf-8" />
    <script data-require="jquery" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="js/add.js"></script>
  </head>

  <body>
    <select>
      <option value="1">One</option>
      <option value="2">Two</option>
    </select>
  </body>

</html>

./js/add.js

$(function(){
  $('select').on('change', function() {
    alert( this.value );
  })
});

Answer 2

由于您提供了相对路径，因此浏览器将在相对于当前URL的文件夹中查找您的文件。例如，如果您的网址为http://localhost/some/path，并且您包含如下的脚本。

<script src="js/add.js" ></script>

浏览器将在http://localhost/some/path/js/add.js

中查找您的文件

如果您希望浏览器始终在根目录的js文件夹中查找您的文件，则可以指定绝对路径。

<script src="/js/add.js" ></script>

现在，无论您当前的网址是什么，浏览器都会始终在http://localhost/js/add.js查找您的文件。

JS不会加载到html中

2 个答案: