Javascript 列出电影+他们的海报
我正在制作一个示例站点，在这里我必须使用JavaScript代码创建一个包含五个电影标题和海报的表。我有点卡住了-我可以用HTML制作一个表格-但是我如何用Javascript制作一个表格来显示电影呢？我还必须包括每部电影的海报，并使用表单和元素数组 到目前为止，我有一个起始html页面start.html，用户在其中单击一个按钮。当他们单击yes按钮时，它会跳转到movies.html，其中应该显示Javascript表 start.html 你喜欢动作片吗？ 对 document.getElementByIDiesButton.onclick=函数{ location.href=actionmovies.html； };Javascript 列出电影+他们的海报,javascript,html,arrays,forms,html-table,Javascript,Html,Arrays,Forms,Html Table,我正在制作一个示例站点，在这里我必须使用JavaScript代码创建一个包含五个电影标题和海报的表。我有点卡住了-我可以用HTML制作一个表格-但是我如何用Javascript制作一个表格来显示电影呢？我还必须包括每部电影的海报，并使用表单和元素数组 到目前为止，我有一个起始html页面start.html，用户在其中单击一个按钮。当他们单击yes按钮时，它会跳转到movies.html，其中应该显示Javascript表 start.html 你喜欢动作片吗？ 对 document.getE
我只提供一个示例代码供您参考：
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script type="javascript">
var movieInfo=new Array();
movieInfo["Titanic"]="titanic_poster.jpg";
movieInfo["Jurassic Park"]="park.jpg";
function showMovieInfo()
{
var result=$("#result");
var table=document.createElement("table");
table.style.border="5";
result.empty();
result.html("My 5 Favorite Action Movies");
for (var key in movieInfo)
{
row=table.insertRow(table.rows.length);
cell=row.insertCell(row.cells.length);
cell.innerHTML=key;
img=document.createElement("img");
img.src=movieInfo[key];
cell=document.createElement("th");
cell.appendChild(img);
row.appendChild(cell);
}
result.append(table);
}
</script>
</head>
<body>
<h1> Do You Like Action Movies?</h1>
<button id="yesButton" class="float-left submit-button" onclick="showMovieInfo()">Yes</button>
<div id="result">
</div>
</body>
</html>
下面的演示将创建一个包含2行5列的。我知道您需要5行2列，但我是有意这样做的，这样您就可以了解for循环是如何工作的。请特别注意HTML，因为它是HTML5。HTML的前3行是HTML4，我认为是XML。有很多事情你应该知道，如果这是一个家庭作业，你要为这门课付钱，把你的钱拿回来 工具书类 在演示中对细节进行了评论 演示 /*电影标题数组 ||每个标题都是一个字符串，所有字符串都用引号或 ||背景标记，例如string、“string”或“string”` ||每个字符串必须用逗号分隔 */ var titles=[低俗小说，300，黑客帝国，搏击俱乐部，拯救大兵瑞恩]； /*电影海报 ||每个海报都是一个图像url的字符串 */ 变量=['http://t2.gstatic.com/images?q=tbn:ANd9GcRz_2nKTNlxhVtzbh29kgL3m2ebLv3TlYyzrbyqBtEUxt6mBuZ-', 'http://t1.gstatic.com/images?q=tbn:ANd9GcTBzEJIRKwczo3BJhL94O9uTH-WptCG23FPKFX8KCNpbEyPuYWR'，'http://t0.gstatic.com/images?q=tbn:ANd9GcQq3pIz-aKgkmYX1dJ-EL-AlHSPcOO7wdqRIJ5gJy9qNinXpmle'，'http://t2.gstatic.com/images?q=tbn:ANd9GcRo6_dvAhH0Q-gebUiYJVsZLj3eZuLoDsUrhK_T0DGE9eCTGPL'，'http://t2.gstatic.com/images?q=tbn:ANd9GcR0lDhR_dXAKTm9wysp3nWu6kP0V5skJBVbCNC_Q8urAWcr4iF_']; //创建一个标记 var table=document.createElement'table'； //将该标记添加到 document.body.appendChildtable； /*2用于循环 ||第一个循环将在-2次中插入a ||第二个循环将为每个循环插入-5次 */ /*从0开始i；在第二个循环后停止；将i增加1 ||在这个循环进入下一个循环之前。。。 */ 对于设i=0；i<2；i++{ //插入 var行=table.insertRow； /*…它必须在这里做5个循环 ||在0处启动j；在第五个循环后停止；将j增加1 */ 对于设j=0；j