Javascript 执行函数时页面刷新/崩溃
晚上好 我正在为一个电影网站做一个简单的搜索引擎。我有一个输入型文本表单,允许用户输入他们正在寻找的电影的标题:Javascript 执行函数时页面刷新/崩溃,javascript,html,Javascript,Html,晚上好 我正在为一个电影网站做一个简单的搜索引擎。我有一个输入型文本表单,允许用户输入他们正在寻找的电影的标题: <input class="search_button" type="submit" value="Zoek" id="search_button" onclick="ValidateInput();"/> 如果用户输入了任何内容,我将使用这些功能检查他们输入的内容是否与页面上的任何标题元素匹配,如果匹配,则标题的背景颜色将更改,浏览器将滚动到该标题 function
<input class="search_button" type="submit" value="Zoek" id="search_button" onclick="ValidateInput();"/>
如果用户输入了任何内容,我将使用这些功能检查他们输入的内容是否与页面上的任何标题元素匹配,如果匹配,则标题的背景颜色将更改,浏览器将滚动到该标题
function Search()
{
var flag = false;
movieName = document.getElementById("input_box").value;
movies = document.getElementsByTagName("h3");
for (var i = 0; i < movies.length; i++) {
if (movieName === movies[i].innerHTML) {
movies[i].style.backgroundColor = "#d9e9e9";
movies[i].scrollTo();
flag = true;
// hoe gaan we het resultaat aan de gebruiker geven verder?
}
}
if (flag == false)
{
alert("no such movie was found");
}
}
函数搜索()
{
var标志=假;
movieName=document.getElementById(“输入框”).value;
movies=document.getElementsByTagName(“h3”);
for(var i=0;i
现在,每次我运行此代码并输入有效的电影标题时,我都可以看到背景颜色的变化,浏览器滚动到指定的电影大约一毫秒,但随后页面会自动刷新!我当然不想这样,但我不知道我做错了什么。你们有谁能帮忙吗
提前感谢,
-Robert将输入的
类型更改为按钮
。如果您不打算提交/发布页面,为什么要使用submit
输入
<input type="button" />
另外,请参见:您是否尝试过onclick=“ValidateInput();return false;”??如果你有一个表单——如果你不阻止它,它将被提交。我做到了,它对你没有任何影响。幸运的是,在jsfiddle.net上创建一个示例并给我们一个链接。这就成功了。我会把它记在心里,以备将来参考;)谢谢!没问题,很高兴有帮助。
<input type="button" />
<button type="button"></button>