javascript - 如何使用 JS 停止自动刷新

Question

我正在使用 javascript 在我的网站上创建一个文件资源管理器。我有一个函数，它从我的网站读取每个文件并将它们更改为一个字符链，每个文件都有一个 chain.split() 。然后，在创建的数组中，我搜索从表单中获取的单词。然后，使用 innerHTML，我用答案重写了我的 HTML 页面。

它有效，但是，当页面被重写时，它会自动刷新，我失去了所有的搜索结果......我尝试用window.stop()、document.execCommand('stop')停止刷新，还是刷新...

这是我的表格:

<form name="recherche" onsubmit="javascript:maFonction()">
<INPUT class="finder" type="text" name="maRecherche" placeholder="Enter your search"/>
<input class="press" type="submit" name="search" value="Search"/>
<p style="margin-left:5%">It may take five secondes...</p>
</form>

在这里，我的 JS 函数的编写部分:

var mesResultats = "";
    if (bin > 0)
    {
        a = 0;
        mesResultats += 'your search <u><b>' + words + '</u></b> can be found here : <BR><BR>';
        for (var i = 0; i < mesLiens.length; i++)
        {
            if (mesLiens[i] != mesLiens[i-1] )
            {
                var monLien = '<div style="margin-left:5%; margin-right:5%; text-align:justify;"><a href="http://noaadc-ttmcr101:8888/HelpOnLine/web_uk/' + mesLiens[i] + '">' + mesTitres[a] + '</a>' + '<BR></div>';
                mesResultats += monLien + '<hr>';
            }
            a++;
        }

    }
    else 
    {
        var monLien = '<a href="http://noaadc-ttmcr101:8888/HelpOnLine/web_uk/index.html">Homepage</a>'; 
        mesResultats += 'No answer corresponding to your search <u><b>' + words + '</u></b>... ' + monLien + '</div>';
    }
    elemnt = document.getElementById("result");
    elemnt.innerHTML = mesResultats;

如果有人知道如何保留我的搜索结果，谢谢!

(PS:我不能给你一个链接...)

Answer 1

在onsubmit事件中添加return false，不刷新页面。

HTML:

<form name="recherche" onsubmit="return myFunction();">

Javascript:

function myFunction(){
   return false;
}