window.addEventListener / window.onload无法编辑特定的div

如何解决window.addEventListener / window.onload无法编辑特定的div

我想根据用户输入将表添加到div内容中，尽管提示开始，但仍不显示该表。 html如下：

<div id= "content">
    <h3>Customise your table</h3><br/>
</div>
<script>
    function createTable(){
        var tablerow,tablecol,tableheight,tablewidth,tableborder,borderstyle;
        tablerow = prompt("Please enter your desired number of table rows(0-unlimited whole 
                           numbers):");
        tablecol = prompt("Please enter your desired number of table columns(0-unlimited whole 
                           numbers):");
        tableheight = prompt("Please enter your desired table height (non-negative):");
        tablewidth = prompt("Please enter your desired table width (non-negative):");
        tableborder = prompt("Please enter your desired border size(non-negative):");
        borderstyle = prompt("Please enter your desired border style and color (only html border 
                              styles/color accepted):");

        document.getElementsById("content").innerHTML += "<table style='border: " + tableborder + "px " + borderstyle + "'" 
                                                       + "' height= '" + tableheight + "px' width= '" + tablewidth + "px'>";

        for (var row = 0; row < tablerow; row++){
           document.getElementsById("content").innerHTML += "<tr style='border: " + tableborder + "px " + borderstyle + "'>";
            if (row == 0){
                for (var col = 0; col < tablecol; col++){
                    document.getElementsById("content").innerHTML += "<th style='border: " + tableborder + "px " + borderstyle + "'>Column</th>";
                }
                document.getElementsById("content").innerHTML += "</tr>";
            }
            else {
                for (var col = 0; col < tablecol; col++){
                    var tableElement = (tablecol * (row-1)) + 1 + col;
                    document.getElementsById("content").innerHTML += "<td style='border: " + tableborder + "px " + borderstyle + "'>" + tableElement  + "</td>";
                }
                document.getElementsById("content").innerHTML += "</tr>";
            }
        }
        document.getElementsById("content").innerHTML += "</table><br/><button onclick='window.print()'>Print</button>";
   }

    //window.onload = createTable();

    window.addEventListener('load',createTable(),false);
</script>

我尝试了this和this，但仍然无法正常工作

如果我在整个页面上都使用document.write，则页面中的链接不起作用

解决方法

我一直遇到window.addEventListener的加载问题。我改用document.addEventListener和DOMContentLoaded。

class CoinFlip {
    public static void main(String args[])
    {
        // Get number of tosses from user
        System.out.print("Enter number of tosses: ");
        System.out.flush();
        Scanner input1 = new Scanner(System.in);
        int toss = input1.nextInt();
    
        // Build a string of random '0's and '1's of the specified length (number of tosses)
        StringBuilder sb = new StringBuilder();
        for(int i = 0; i < toss ; i++)
        {
            long coin = Math.round(Math.random());
            sb.append(coin == 0? '0' : '1');
        }
        String seq = sb.toString();
    
        // Print the generated String
        System.out.println(seq);
    
        // Walk through the string tallying up runs of heads
        int count = 0;
        int max = 0;
        for (int i = 0 ; i < seq.length() ; i++) {
            if (seq.charAt(i) == '0') {
                count += 1;
            } else {
                if (count > max)
                    max = count;
                count = 0;
            }
        }
        // Gotta check at the end to see if the longest sequence of heads
        // was at the end of the string
        if (count > max)
            max = count;
    
        // Print the length of the longest sequence
        System.out.println("Longest sequence of heads is " + max);
    }
}