外部JavaScript未加载并弄乱JSP中嵌入的JavaScript_Javascript_Java_Jsp

外部JavaScript未加载并弄乱JSP中嵌入的JavaScript

javascript java jsp

外部JavaScript未加载并弄乱JSP中嵌入的JavaScript,javascript,java,jsp,Javascript,Java,Jsp,我在一个外部文档中导入了JS脚本，如下所示： <script type="text/javascript" src="efectos/jquery-2.1.4.min.js"></script> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %&

我在一个外部文档中导入了JS脚本，如下所示：

<script type="text/javascript" src="efectos/jquery-2.1.4.min.js"></script>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>
    <head>
        <title>Música para DAWA</title>
        <meta name="description" content="Tienda online de música">
    <meta name="keywords" content="tienda,música">
    <meta name="robots" content="all">
        <link type = "text/css" rel = "stylesheet" href = "efectos/stylesheet.css"/>
        <script type="text/javascript" src="efectos/jquery-2.1.4.min.js"></script>
        <script type="text/javascript" src="efectos/scripts.js"></script>
    </head>

<div id="search">
            <label class = "text">Título:<input type="text" id="stitulo" onkeyup="filter()" /></label>
            <label class = "text">Autor:<input type="text" id="sautor" onkeyup="filter()" /></label>
            <label class = "text">Año:<input type="text" id="sano" onkeyup="filter()" size="1" /></label>
            <label class = "text">Precio máximo:<input type="text" id="sprecio" onkeyup="filter()" size="1" /></label>
        </div>

不到12个小时前，它工作得很好（我睡觉前最后一次检查）。今天我醒来，打开同一个NetBeans项目，运行它（使用Google Chrome），这些脚本就不再工作了

我尝试将脚本直接复制到jsp中。不起作用。我删除了外部文档导入（将复制的代码保留在jsp中），它工作正常

因此，它不仅不能从外部文件工作，当我尝试“导入”它时，它会弄乱jsp上已经存在的内容。。。这不是一个文档，也是一个问题

我以前也遇到过这种情况，但我一直无法找出原因，也无法在互联网上找到答案。这可能是最愚蠢的事情，但它让我发疯

有人知道这是什么原因吗

如我所问，我分享了更多的代码。我的外部文档（名为“scripts.js”）包含以下内容：

function filter() {
  var titulo, autor, ano, precio, table, tr, tdTitulo, tdAutor, tdAno, tdPrecio, i, count;

  titulo = document.getElementById("stitulo").value.toUpperCase();
  autor = document.getElementById("sautor").value.toUpperCase();
  ano = document.getElementById("sano").value.toUpperCase();
  if(document.getElementById("sprecio").value === "") precio = 0.;
  else precio = parseFloat(document.getElementById("sprecio").value);
  table = document.getElementById("catalogo");
  tr = table.getElementsByTagName("tr");

  for (i = 1; i < tr.length; i++) {
    count = -4;
    tdTitulo = tr[i].getElementsByTagName("td")[0];
    tdAutor = tr[i].getElementsByTagName("td")[1];
    tdAno = tr[i].getElementsByTagName("td")[3];
    tdPrecio = tr[i].getElementsByTagName("td")[4];

    if (tdTitulo) {
      if (tdTitulo.innerHTML.toUpperCase().indexOf(titulo) > -1) {
        count++;
      }
    }
    if (tdAutor) {
      if (tdAutor.innerHTML.toUpperCase().indexOf(autor) > -1) {
        count++;
      }
    }
    if (tdAno) {
      if (tdAno.innerHTML.toUpperCase().indexOf(ano) > -1) {
        count++;
      }
    }
    if (tdPrecio) {
      if ((precio >= parseFloat(tdPrecio.innerHTML)) || precio === 0) {
        count++;
      }
    }
    if(count >= 0) tr[i].style.display = "";
    else tr[i].style.display = "none";
  }
}

函数过滤器（）{
var titulo、autor、ano、precio、table、tr、tdTitulo、tdAutor、tdAno、tdPrecio、i、count；
titulo=document.getElementById（“stitulo”）.value.toUpperCase（）；
autor=document.getElementById（“sautor”）.value.toUpperCase（）；
ano=document.getElementById（“sano”）.value.toUpperCase（）；
如果（document.getElementById（“sprecio”）.value==“”）precio=0。；
else precio=parseFloat（document.getElementById（“sprecio”）.value）；
table=document.getElementById（“catalogo”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=1；i-1）{
计数++；
}
}
如果（tdAutor）{
if（tdAutor.innerHTML.toUpperCase（）.indexOf（autor）>-1）{
计数++；
}
}
如果（tdAno）{
if（tdAno.innerHTML.toUpperCase（）.indexOf（ano）>-1）{
计数++；
}
}
如果（TDO）{
if（（precio>=parseFloat（tdPrecio.innerHTML））| | precio==0）{
计数++；
}
}
如果（计数>=0）tr[i].style.display=“”；
else tr[i].style.display=“无”；
}
}

我的导入内容如下所示：

<script type="text/javascript" src="efectos/jquery-2.1.4.min.js"></script>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>
    <head>
        <title>Música para DAWA</title>
        <meta name="description" content="Tienda online de música">
    <meta name="keywords" content="tienda,música">
    <meta name="robots" content="all">
        <link type = "text/css" rel = "stylesheet" href = "efectos/stylesheet.css"/>
        <script type="text/javascript" src="efectos/jquery-2.1.4.min.js"></script>
        <script type="text/javascript" src="efectos/scripts.js"></script>
    </head>

<div id="search">
            <label class = "text">Título:<input type="text" id="stitulo" onkeyup="filter()" /></label>
            <label class = "text">Autor:<input type="text" id="sautor" onkeyup="filter()" /></label>
            <label class = "text">Año:<input type="text" id="sano" onkeyup="filter()" size="1" /></label>
            <label class = "text">Precio máximo:<input type="text" id="sprecio" onkeyup="filter()" size="1" /></label>
        </div>


穆西卡·帕拉达瓦

我这样调用函数：

<script type="text/javascript" src="efectos/jquery-2.1.4.min.js"></script>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>
    <head>
        <title>Música para DAWA</title>
        <meta name="description" content="Tienda online de música">
    <meta name="keywords" content="tienda,música">
    <meta name="robots" content="all">
        <link type = "text/css" rel = "stylesheet" href = "efectos/stylesheet.css"/>
        <script type="text/javascript" src="efectos/jquery-2.1.4.min.js"></script>
        <script type="text/javascript" src="efectos/scripts.js"></script>
    </head>

<div id="search">
            <label class = "text">Título:<input type="text" id="stitulo" onkeyup="filter()" /></label>
            <label class = "text">Autor:<input type="text" id="sautor" onkeyup="filter()" /></label>
            <label class = "text">Año:<input type="text" id="sano" onkeyup="filter()" size="1" /></label>
            <label class = "text">Precio máximo:<input type="text" id="sprecio" onkeyup="filter()" size="1" /></label>
        </div>


蒂图罗：
自动：
阿诺：
普里西奥·马西莫：

让我困惑的奇怪的是，当我关闭项目时，它正在工作，当我打开它时，它没有。。。除非我在.jsp中编写脚本

希望你现在有足够的信息，但请随时要求更多，我是一个noob

谢谢

请分享一些代码。外部脚本是否显示在谷歌Chrome的源代码中？我的直觉告诉我，你的js的顺序有问题，但在上传更多代码之前我当然不会知道。我更新了这个问题。希望你现在拥有你所需要的一切。非常感谢@哦，是的，它确实出现在谷歌浏览器的“查看源代码”中，我不知道你是不是这个意思。