<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
</head>
<body>
<div id="con">
<script type="text/javascript">
var A=[
['小A','女','大一',21],
['小B','男','大三',23],
['小C','男','大四',24],
['小D','女','大一',21],
['小E','女','大四',22],
['小F','男','大一',21],
['小G','女','大二',22],
['小H','女','大三',20],
['小I','女','大一',20],
['小J','男','大三',20]
];
//将以上数组通过join（）方法全部转换为字符串并输出
for(var i=0;i<A.length;i++){
var B=A[i].join("-")
document.write(B)
}
</script>
</div>
<script type="text/javascript">
//提取上面的文本内容并输出
document.write(document.getElementById("con").innerHTML)
</script>
</body>
</html>结果
3 回答
已采纳
按照自己的节奏前行
TA贡献90条经验 获得超70个赞
document.getElementById("con").innerHTML,你的这一块拿的是id=con的全部内容,包括你自己写的js代码块,因此,在这里又执行了一边你写的js代码加上最开始执行js生成的字符串,就成了两边,你拿到的innerHTML
实际上是
<script type="text/javascript">
var A=[
['小A','女','大一',21],
['小B','男','大三',23],
['小C','男','大四',24],
['小D','女','大一',21],
['小E','女','大四',22],
['小F','男','大一',21],
['小G','女','大二',22],
['小H','女','大三',20],
['小I','女','大一',20],
['小J','男','大三',20]
];
//将以上数组通过join（）方法全部转换为字符串并输出
for(var i=0;i<A.length;i++){
var B=A[i].join("-")
document.write(B)
}
</script>小明.....
</div>
猎豹012
TA贡献13条经验 获得超3个赞
你仔细看文本内容其实输出了三次，浏览器是自上向下解释标签的，当遍历完后页面上已经输出一边了，当你再document.write(document.getElementById("con").innerHTML)时，有两步操作：1，显示第一次内容，2，jsfor循环又执行一次，共三次
添加回答
举报
0/150
提交
取消