html代码始终显示txt文件中的消息

时间:2014-01-29 16:47:44

标签: php html ajax

问题在下面。目的是在html中显示txt文件中的内容。 html文件的负责人:

<script type="text/javascript">
function loadXMLDoc()  {
var xmlhttp;
if (window.XMLHttpRequest)  {  
xmlhttp=new XMLHttpRequest(); 
} else {  
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  
}
xmlhttp.onreadystatechange=function()  {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","news.txt",true);
xmlhttp.send();
}
</script>

显示部分正文:

<div class="span-3" id="right-side">  <div id="myDiv">Your text here!
  </div><br><br><br><button type="button" onclick="loadXMLDoc()">Click Here!</button>

但问题是,需要用户干预。我不想要按钮,需要始终显示文本。我应该有什么不同?

3 个答案:

答案 0 :(得分:0)

关于你的其他问题, 你的代码应该是这样的:

<!DOCTYPE html>
<html>
<head>
    <title>title</title>
</head>
<body onLoad="loadXMLDoc()">
<div class="span-3" id="right-side">
    <div id="myDiv">
        Your text here!
    </div>
</body>
</html>
<script type="text/javascript">
function loadXMLDoc()  {
    var xmlhttp;
    if (window.XMLHttpRequest)  {  
        xmlhttp=new XMLHttpRequest(); 
    } 
    else {  
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  
    }
    xmlhttp.onreadystatechange=function()  {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","news.txt",true);
    xmlhttp.send();
}
</script>

您可以阅读有关onLoad事件Here

的更多信息

答案 1 :(得分:0)

带选框:

<!DOCTYPE html>
<html>
<head>
    <title>title</title>
</head>
<body onLoad="loadXMLDoc()">
<div class="span-3" id="right-side">
    <div >
        <marquee direction="up" id="myDiv"></marquee>
    </div>
</body>
</html>
<script type="text/javascript">
function loadXMLDoc()  {
    var xmlhttp;
    if (window.XMLHttpRequest)  {  
        xmlhttp=new XMLHttpRequest(); 
    } 
    else {  
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  
    }
    xmlhttp.onreadystatechange=function()  {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","news.txt",true);
    xmlhttp.send();
}

如果您想要突破显示的行,只需在.txt文件中添加<br>标记...

答案 2 :(得分:-1)

将您的正文标记更改为:

<body onLoad="loadXMLDoc()">