【问题标题】:Cannot read script js file in Netbeans无法在 Netbeans 中读取脚本 js 文件
【发布时间】:2020-01-07 18:30:43
【问题描述】:

我正在尝试在我的 HTML 正文中插入脚本:

<body>
    <script type="text/javascript" src="myFunction.js"></script>

可能问题出在路径上,但我找不到我的错误,我更改了 100 次,这是我的“myFunction.js”:

        function myFunction() {
        // Declare variables
        var input, filter, table, tr, td, i, txtValue;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        table = document.getElementById("myTable");
        tr = table.getElementsByTagName("tr");
        var tamano = 0;
        // Loop through all table rows, and hide those who don't match the search query
        console.log(tr.length);
        for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[7];
        //console.log(td);
        if (td) {
        txtValue = td.textContent || td.innerText;
        if (txtValue.toUpperCase().indexOf(filter) > -1) {
        tamano = tamano +1;
        tr[i].style.display = "";
        } else {
        tr[i].style.display = "none";
        }

        }
        }
        var list = document.getElementById("capa");   // Get the <ul> element with id="myList"
        list.removeChild(list.childNodes[0]); 
        console.log(tamano);
        var capa = document.getElementById("capa");
        var h1 = document.createElement("p");
        h1.innerHTML = tamano;
        capa.appendChild(h1);

        }

你可以在这里看到我的项目文件夹:

你能帮我找出我做错了什么吗?

谢谢!

【问题讨论】:

    标签: javascript java html spring netbeans


    【解决方案1】:

    您的文件myFunction.js 位于后端资源文件夹中,您的Java 代码可以访问该文件夹。此文件将被禁用浏览器访问,因为这不是您的网络文件的位置。

    您必须将该文件移动到您的 JSP 和 HTML 资源旁边的 src/main/webapp(文件系统)。此文件夹中的文件(WEB-INF 文件夹除外)可通过浏览器访问。对 LOGO.png 文件也进行类似操作。

    【讨论】:

    • 嗨!我认为该文件已经不在“.java”文件中,java 文件位于“Source Packages”中,html 模板、js 和 .png 位于名为“Other Sources”的文件夹中。我加载LOGO.png文件没有任何问题,我的问题只是js。
    • src/main/resources/ 是您的 Java 代码使用的文件的文件夹,不适用于 Web 应用程序。网络资源不应该去那里,它们应该去src/main/webapp,如maven.apache.org/archetypes/maven-archetype-webapp所示
    猜你喜欢
    • 1970-01-01
    • 2016-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-01
    • 2022-12-03
    相关资源
    最近更新 更多