gpt4 book ai didi

javascript - 复制表格并打开一个新的弹出窗口

转载 作者:行者123 更新时间:2023-11-28 08:56:11 26 4
gpt4 key购买 nike

我需要本网站专家的帮助。

我想要完成的是,单击按钮即可复制现有表格(“数据”),打开一个新的弹出窗口并使用 document.write 将上一页的表格写入新的。

<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Language" content="en-ca">
</head>

<body>
<table id="data" border="1" cellspacing="1" width="100" id="table1">
<tr>
<th>Fruits</th>
<th>Vegetables</th>
<th>Colors</th>
<th>Quantity</th>
<th>Price</th>
</tr>
<tr>
<td>Apples</td>
<td>Carrots</td>
<td>red</td>
<td>10</td>
<td>0.99</td>
</tr>
<tr>
<td>Pears</td>
<td>Celery</td>
<td>blue</td>
<td>24</td>
<td>1.00</td>
</tr>
<tr>
<td>Mangos</td>
<td>Broccoli</td>
<td>green</td>
<td>12</td>
<td>1.50</td>
</tr>
<tr>
<td>Oranges</td>
<td>Cauliflower</td>
<td>purple</td>
<td>48</td>
<td>1.25</td>
</tr>
</table>
<br>
<input type="button" value="test it" />
</body>

</html>

最佳答案

Here是一个工作示例。

该按钮需要一个点击处理程序:

<input type="button" value="Open popup" onclick="openPopup();" />

点击处理函数:

function openPopup() {
var popup = window.open("", "", "width=640,height=480,resizeable,scrollbars"),
table = document.getElementById("data");

popup.document.write(table.outerHTML);
popup.document.close();
if (window.focus)
popup.focus();
}

关于javascript - 复制表格并打开一个新的弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18466134/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com