javascript中的警报不起作用
伙计们,我相信答案很简单,但我已经盯着我的代码看了好几个小时了,只是不知道为什么我的警报没有触发……请帮帮我! 所有警报似乎都没有触发javascript中的警报不起作用,javascript,Javascript,伙计们,我相信答案很简单,但我已经盯着我的代码看了好几个小时了,只是不知道为什么我的警报没有触发……请帮帮我! 所有警报似乎都没有触发 <DOCTYPE! html> <html> <head> <script> window.onload=function() { setTimeout(loadImg("img1.jpg",0),500);
<DOCTYPE! html>
<html>
<head>
<script>
window.onload=function()
{
setTimeout(loadImg("img1.jpg",0),500);
setTimeout(loadImg("img2.jpg",1),1500);
setTimeout(loadImg("img3.jpg",2),3000);
setTimeout(loadImg("img4.jpg",3),5000);
setTimeout(loadImg("img5.jpg",4),4000);
}
function loadImg(loc,num)
{
alert("in loadImg");
function load()
{
img=document.getElementByTagName("img");
img[num].src=loc;
}
return load;
}
function search()
{
alert("in search");
isbn=document.getElementById("isbn").value;
xhr=new XMLHttpRequest();
xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=+"isbn,true);
xhr.onreadystatechande=function()
{
alert("in handler");
if(xhr.readyState==4 && xhr.status==200)
{
p=document.getElementById("book");
p.innerHTML=xhr.responseText();
}
}
xhr.send(null);
}
</script>
</head>
<body>
<img src="loader.gif" height="200px" width="200px"></img>
<img height="200px" width="200px"></img>
<img height="200px" width="200px"></img>
<img height="200px" width="200px"></img>
<img height="200px" width="200px"></img>
<div>
</br>
ISBN:<input type="text" id="isbn"/>
<button onclick="search()">SEARCH</button>
<p id="book"></p></br>
</div>
<p> akhfjkahsjhajkhfhfadkhfahfjkshdfjkshdfkhdfshfkshdf</br>
jhjkhfjhsjkdfhjkdhfjkshfjksfjkhsjdkfhjk</br></p>
<a href="https://www.google.com">google</p>
</body>
</html>
window.onload=function()
{
setTimeout(loadImg(“img1.jpg”,0),500);
setTimeout(loadImg(“img2.jpg”,1),1500);
setTimeout(loadImg(“img3.jpg”,2),3000);
setTimeout(loadImg(“img4.jpg”,3),5000);
setTimeout(loadImg(“img5.jpg”,4),4000);
}
函数loadImg(loc,num)
{
警报(“装载中”);
函数加载()
{
img=document.getElementByTagName(“img”);
img[num].src=loc;
}
返回载荷;
}
函数搜索()
{
警报(“搜索中”);
isbn=document.getElementById(“isbn”).value;
xhr=newXMLHttpRequest();
xhr.open(“GET”http://localhost/lab6x/serverx.php?isbn=+“isbn,对);
xhr.onreadystatechande=function()
{
警报(“在处理程序中”);
如果(xhr.readyState==4&&xhr.status==200)
{
p=document.getElementById(“book”);
p、 innerHTML=xhr.responseText();
}
}
xhr.send(空);
}
国际书号:
搜寻
AKHFJKAHSJKHFHFADKHFFJKSHDFJKSHDFKHFKSHDF
JHJKHFJHSJJKDFHJKDHFJKSHFJKSFJKFJKFJKHJKKJK
谷歌
此行中有语法错误,因此代码根本无法运行:
xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=+"isbn,true);
您已将+
放在字符串内部而不是字符串之间:
xhr.open("GET","http://localhost/lab6x/serverx.php?isbn=" + isbn,true);
代码中的其他问题:
- 您的doctype标记格式不正确,应该是:
调用应该是getElementByTagName
getElementsByTagName
标记没有结束标记img
- 您在HTML属性中使用CSS单位来表示大小:
height=“200”width=“200”
- 您的中断标记格式不正确:
或
- 代码中有两个小问题
第1行:
<!DOCTYPE html>
如果没有任何警报触发,我建议您重写设置超时。setTimeout和setInterval有时相当挑剔。请尝试以下方法:
setTimeout(function(){loadImg("img1.jpg",0)},500);
等等。基本上将loadImg调用封装在函数中
另外,按照其他人说的做:)getElementByTagName应该是…元素。。。一个很好的选择是jshint来检查你的文件,@MrMartiniMo:你为什么要编辑掉部分答案?这样包装函数会阻止更改图像的代码运行。
loadImg
函数返回必须执行的函数。
setTimeout(function(){loadImg("img1.jpg",0)},500);