Javascript 检查 html 文件是否存在

标签 javascript html

<分区>

如何检查文件夹中是否存在 .html 文件?我试图避免出现“它可能已被移动或删除”的错误。而是显示 notFound.html

<body>
    <header>    
        <form autocomplete="off">
            <input id="3Digits" type="number" min="100" placeholder="3-Digit Code">
            <span style="display:inline-block; width: 15px;"></span>
            <a href="#" id="goButton" onclick="check()">Go</a>
            <hr>
        </form>
    </header>
    <div id="frameDiv">
        <iframe id="srcCC"></iframe>
    </div>
    <script>
        var newLink
        function check() {
        newLink = document.getElementById("3Digits").value + ".html";
            if(newLink == ".html") {
                alert("You forgot to put the 3-Digit Code");
            }
            else {
                LinkCheck(newLink);
            }
        }
        function LinkCheck(url) {

            if(HTML EXISTS) {
                document.getElementById("frameSRC").src = newLink;
            }
            else {
                document.getElementById("frameSRC").src = "notFound.html";
            }
        }
    </script>
</body>

LinkCheck 函数正是我所要求的,所有文件都将位于同一目录中。 这是一个小型学校项目,因此我们将不胜感激!

最佳答案

您可以使用XMLHttpRequest 来检查文件是否存在

function LinkCheck(url)
{
    var http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    return http.status!=404;
}

关于Javascript 检查 html 文件是否存在,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44232173/

相关文章:

javascript - 如何在 jQuery Mobile 中更改按钮文本

javascript - MVC Get方法在javascript ajax发布后没有命中

javascript - CSS 中的表格尺寸在 HTML 中不起作用

html - 如果 wget 中使用了 --html-extension,那么 --no-clobber 仍然会覆盖文件吗?

html - 使尚未成为响应式轮播

HTML/CSS Spacer(类似 Flex 的)

javascript - 使用 JavaScript 对 Flash 内容强制使用 wmode

javascript - 如何将此 JSON 对象存储为 cookie,然后在普通 javascript 中读取它?

javascript - 如何使用 jquery/javascript 分割字符串,输出为 "1,2,222,FF-GA"

css - div的绝对定位,上面没有重叠的div