制作如图1所示页面,使用数组存放四条信息,信息内容自定,在页面加载时的文本域显示第一条信息,根据数组实际存放信息数在文本框中显示“共有几条”,单击【阅读】按钮显示下一条信息,当显示最后一条信息后...

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p><textarea id="teletype"></textarea></p>
<p><input id="textNum" type="text" value=""/><input type="button" value="阅读" onclick="read();"/></p>
<script type="text/javascript">
var i = 0;
var TextInput =new Array();
TextInput[0] = "珠海，珠江口西岸的核心城市，经济特区，珠江三角洲南端的一个重要城市，位于广东省珠江口的西南部！";
TextInput[1] = "珠海生态环境优美，山水相间，陆岛相望，气候宜人，是全国唯一以整体城市景观入选“全国旅游胜地四十佳”的城市。";
TextInput[2] = "珠海与澳门的横琴新区启动项目---珠海十字门商务区，继标志性建筑物'海之珠'诞生后，其城市设计概念中标方案出炉，HOK国际（亚太公司）的规划方案拔得头筹。";
TextInput[3]= "珠海是一座具有浓郁代文化氛围的城市。从浪漫的休闲海滩，到欧式的午夜酒吧；从万头攒动的娱乐广场，到温馨宁静的文化馆站，珠海文化的内涵被放大，成为一种具有经济推力的'大文化'";
window.onload=function(){
   document.getElementById("textNum").value="共有"+TextInput.length+"条";
   read();
}
function read(){
   if(i>=TextInput.length){
      alert("已经是最后一条信息了！");
   }else{
      document.getElementById("teletype").value=TextInput[i++];
   }
}
</script>

    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容