Question

我有一个客户希望在无法访问Internet的内部服务器上运行Web应用程序，因此我不能在标题中包含类似以下内容的内容，这在我可以访问Internet时工作正常

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>

（简化）主页是以下index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
  <meta content="utf-8" http-equiv="encoding"/>
  <script src="/var/lib/tomcat7/webapps/ROOT/jquery-3.2.1.min.js""></script>
  <script>
    $(document).ready(function(){
      addListener();
    });

    function addListener()
    {
      document.getElementById('browse').addEventListener('change', handleFileSelect, false);
      document.getElementById('fakeBrowse').addEventListener('click', handleBrowseClick, false);
    }

    function handleBrowseClick()
    {
      var fileinput = document.getElementById("browse");
      fileinput.click();
    }

    function handleFileSelect(event)
    {
      var config = '';
      var file = event.target.files[0];
      var reader = new FileReader();
      reader.onload = function(event) {
        config = event.target.result;
        document.getElementById('config_id').innerHTML = config;
      }
      reader.readAsText(file);
    }
  </script>
</head>
<body>
  <input type="file" id="browse" name="fileupload" style="display:none"/>
  <input type="button" value="Upload" id="fakeBrowse"/>
  <output id="list"></output>
  <textarea id="config_id"></textarea>
</body>

我遇到的问题是，每次加载页面时，我都会在控制台日志中收到一条错误消息，指向此行

<script src="/var/lib/tomcat7/webapps/ROOT/jquery-3.2.1.min.js""></script>

错误消息如下

GET http://localhost:8080/var/lib/tomcat7/webapps/ROOT/jquery-3.2.1.min.js
Failed to load resource: the server responded with a status of 404 (Not Found)

我确信文件jquery-1.7.1.min.js位于我指定的路径上，该位置与index.html相同。我还检查了两个文件具有相同的所有权和相同的权限

然后它抱怨“$”符号

Uncaught ReferenceError: $ is not defined at (index):8

我也尝试使用像这样的相对路径

<script src="jquery-3.2.1.min.js""></script>

或者像这样

<script src="~/jquery-3.2.1.min.js""></script>

但没有运气。

任何人都可以指出我做错了什么？

编辑1

jquery-1.7.1.min.js是一个错字。我的意思是jquery-3.2.1.min.js

编辑2

错误是由路径末尾的冗余双引号引起的。正确的路径如下

<script src="jquery-3.2.1.min.js"></script>

Answer 1

错误消息告诉您一切，您的路径不正常。

Answer 2

/ var / lib / tomcat7 / webapps / ROOT / ...是绝对文件路径。

如果您在网络服务器上运行此操作，则需要在文档根目录之后开始。

如果index.html位于doc根目录的顶层，那么路径应该只是“jquery-3.2.1.min.js”。

Answer 3

只需尝试通过在浏览器中输入完整的URL直接访问jquery文件，直到获得正确的URL ...您应该看到jquery文件内容..所以首先尝试使用

访问它

http://localhost:8080/jquery-3.2.1.min.js

如果没有尝试另一个和另一个，直到你得到正确的

放在哪里包含JQuery文件

3 个答案: