<!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>
制作如图1所示页面,使用数组存放四条信息,信息内容自定,在页面加载时的文本域显示第一条信息,根据数组实际存放信息数在文本框中显示“共有几条”,单击【阅读】按钮显示下一条信息,当显示最后一条信息后...
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- Console.WriteLine("原数组为：");foreach (var item in array ){C...
- 背景：easyui中的databox插件默认情况下只有点击后边的日期小图标才显示日期面板，在某些情况下会感觉很不方...
