【问题标题】:How to stop an automatic refresh using JS如何使用 JS 停止自动刷新
【发布时间】:2014-04-01 07:17:48
【问题描述】:

我正在使用 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:我不能给你看链接...)

【问题讨论】:

  • 你真的有id为result的元素吗?
  • 是的,在我的 HTML 代码中,我有,但我缺少的是“return false”,也谢谢你!

标签: javascript refresh innerhtml


【解决方案1】:

return false 添加到onsubmit 事件中,以不刷新页面。

HTML

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

Javascript

function myFunction(){
   return false;
}

【讨论】:

    【解决方案2】:

    如果有人和我有同样的情况,应用程序使用&lt;meta http-equiv="refresh" content="3"&gt; 并且每 3 秒刷新一次内容。我的解决方案是直接从控制台执行window.stop();

    【讨论】:

      猜你喜欢
      • 2022-09-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-11-14
      • 1970-01-01
      • 2014-12-29
      相关资源
      最近更新 更多