js如何在表格风显示结果

JavaScript014

js如何在表格风显示结果,第1张

在js中,可以使用for循环,通过writey方法将数组元素逐个输出在表格中。

新建一个html文件,命名为test.html,用于讲解如何将js数组在table表格中显示出来。在js标签中,创建一个数组,用于测试。在js标签中,使用write方法输出表格标签和行标签,创建一行表格。在js标签中,在表格标签内,使用for循环遍历数组元素。在for循环内,再通过write方法将单元格标签和数组元素值一起输出。在浏览器打开test.html文件,查看结果。

</style>

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){

$('#img').animate({

width:"200%",

height:"200%",

marginLeft:"-200px",

marginTop:"-100px"

},10000)

})

</script>

<body>

<div class="showimg" id="showimg">

<img src="3.jpg" id="img" alt="Here is a pic" />

</div>

</body>

</html>

两个小问题,修改后的代码如下:

<html>

<head>

<script type="text/javascript">

var msg="您好,欢迎来到这个界面"

var i=0

function play(){

  if(i<=msg.length){

    document.myForm.myText.value=msg.substring(0,i)

    i++

    setTimeout("play()",100)

  }

  else

  {

    i=0

    setTimeout("play()",1000)

  }

}

</script>

</head>

<body onLoad="play()">

<p align="center">

<img src="images/8.jpg"><br><br>

<form name="myForm" >

<input type="text" name="myText" size="40">

</form>

</body>

</html>