Question

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

我想要完成的是，只需单击一个按钮即可复制现有表格（'data'），打开一个新的弹出窗口并使用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>

Answer 1

首先为您的按钮添加onclick功能：

  <input type="button" value="test it" onclick="openWin()" />

在剧本中：

function openWin（） {

mywindow的= window.open（ ''， ''， '宽度= 200，高度= 100'）; myWindow.document.write（的document.getElementById（ '数据'）outerHTML。）;

myWindow.focus（）;

}

多数民众赞成。

我不确定跨浏览器的outerHTML属性兼容性。请检查一次。

Answer 2

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();
}

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

2 个答案: