在365影视网中,将影片名称和影片主演分别定义在数组中,应用for循环语句和数组对象的length属性循环输出影片信息。
`
<script>
var arr = ["A", "B", "C", "D"]; 数组里内容自己去打
console.log(arr.length);
for(var i = 0; i<arr.length;i++){
console.log(arr[i]);
}
</script>
你可以建个类,然后进行一次for,比如
class a(){
constructor(moviename, Star) {
this.Moviename = Moviename;
this.Star = Star;
}
}
然后,你再创建类的数组
let b=new a(xx,yy);
let c=new a(zz,qq);
...
var x=[];
x.push(b);
x.push(c);
这时,x就是数组,然后便利掉,输出就可以了
for(var i in x){
console.log(i.moviename+"主演"+i.Star);
}
将下面的代码原样贴在html文件中即可
<html>
<head>
<title>365影片输出</title>
<script language="javascript" type="text/javascript" src="http://libs.baidu.com/jquery/1.2.3/jquery.min.js"></script>
<style type="text/css">
.dys{
width:45%;
border:0px;
border-collapse:collapse;
font-family:宋体;
font-size:18px;
}
.num{
color:#000000;
padding:5px;
}
.dyname{
color:#333399;
padding:5px;
}
.yyname{
color:#000000;
padding:8px;
}
</style>
<script type="text/javascript">
$(function(){
init();
})
function init(){
//array为要输出的电影相关信息,如果需要增加,按照如下格式添加即可
var array=[
{dy:"终结者",yy:"阿诺德.施瓦辛格"},
{dy:"飓风营救",yy:"连姆.尼森"},
{dy:"我是传奇",yy:"威尔.史密斯"},
{dy:"一线生机",yy:"杰森.斯坦森"},
{dy:"罗马假日",yy:"格里高利.派克"},
{dy:"史密斯夫妇",yy:"布拉德.皮特"},
{dy:"午夜邂逅",yy:"埃利斯.埃文斯"}
];
//动态构造页面样式html
var pageHtml="";
for(var i=0;i<array.length;i++){
var tr="<tr>";
tr=tr+"<td class='num'>"+(i+1)+"</td>";
tr=tr+"<td class='dyname'>"+array[i].dy+"</td>";
tr=tr+"<td class='yyname'>"+array[i].yy+"</td>";
pageHtml+=tr;
}
//页面展示
$("#dytable").html(pageHtml);
}
</script>
</head>
<body>
<table id="dytable" class="dys"></table>
</body>
</html>