javascript - 前端小白：关于选取文件并跳转页面的问题

问题描述

问 题

<script>
        function displayResult() {
            var x = document.getElementById("fname").value;
            if (x == "")
                alert("请先选定文件！");
        }
</script>


<form>选择一个文件上传 : <input class="choose file" type="file" id="fname" size="50"/>
    <br>
    <a href="https://www.baidu.com">
        <button class="start analyze" type="button" onclick="displayResult()">开始分析</button>
    </a>
</form>

上面的代码是有问题，当你未选取文件时，虽然请先选定文件！这个警告会出来，但是你关闭它以后，页面依旧会跳到百度那个页面，这是不符合常识的，怎么让它不跳转，还是停在当前页面呢？

解决方案

把<a>标签去掉，在displayResult()里判断是否跳转。
跳转可以用document.location.assign('http://www.baidu.com');或者document.location.href = 'http://www.baidu.com';都可以。

这篇关于javascript - 前端小白：关于选取文件并跳转页面的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！