代码1:当我点击“点击此处”时,它应该隐藏div
和“id = adiv”,当我再次点击它再次显示它时。
代码2和3:ajax代码(代码2)属于代码3.但不属于代码1!这段代码每1秒刷新一次php页面。
为什么在页面中加载ajax代码(代码2& 3)之后,“代码1”停止工作?当我点击“点击这里”时,它什么都不做。
但是在ajax加载之前,代码1运行良好。
代码2和3工作正常,我对他们没有任何问题。唯一的问题是代码1。
编辑当我调试此页面时,它会显示我的行:“hideshow(document.getElementById('adiv'))”(在代码1中),这个错误:“未捕获的ReferenceError: hideshow未定义(匿名函数)“。
但我真的不明白为什么我有这个问题?以及我需要做些什么才能解决这个问题?
1)剧本:
<a href="javascript:hideshow(document.getElementById('adiv'))">Click here</a>
<script type="text/javascript">
function hideshow(which){
if (!document.getElementById) { return; }
if (which.style.display=="block") { which.style.display="none"; }
else { which.style.display="block"; }
}
</script>
<div id="adiv" style="font:24px bold; display: block">Now you see me</div>
2)ajax代码:
<script type="text/javascript">
function refresh(name, url, info, info_1, info_2, type)
{
if (type == "send") {
document.getElementById("send_"+name).innerHTML = info; // just show the txt that send
Input(name);
if (info == "") {
document.getElementById(name).innerHTML="";
return;
}
}
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else { // code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
var xhr = new XMLHttpRequest();
var params = "c=<?php echo $_GET["c"]; ?>&info="+info+"&info_1="+info_1+"&info_2="+info_2;
xhr.open("POST",url,true);
xhr.onreadystatechange = function() {
if( this.readyState == 4 && this.status == 200) {
document.getElementById(name).innerHTML = this.responseText;
}
};
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("Content-length", params.length);
xhr.setRequestHeader("Connection", "close");
xhr.send(params);
return false;
}
</script>
3)播放ajax代码的代码:
<script type="text/javascript">
setInterval("refresh('aaa', 'refresh.php', '', '', '', 'refresh')", "1000");
</script>