javascript - 在html中使用javascript打印十字

Question

我的外部 JavaScript 中有此代码

function cross()
{
    var output2 = document.getElementById('output2');
    var a = "*"
      , b = " "
      , i = 0
      , j = 0
      , k = 0
    ;
    for(i = 1, k = input; i <= input; i++, k--)
    {
        for(j = 1; j <= input; j++)
        {
            if (j == i || j == k)
            {
                output2.value += a;
            }
            else
            {
                output2.value += b;
            }
            output2.value += '\n';
        }
    }
}

第一页上的这个 html 按钮 + 第二页上的文本区域，因此当我单击第一页上的按钮后，文本区域将显示在第二页 (halaman.html) 中。

<!-- code page 1-->    
<a href="halaman.html"><input type="button" value="Muncul page baru" onclick="cross();"></a><br />
<!-- code page 2-->
<textarea id="output2" rows="20" cols="90"></textarea>

第二页上没有显示十字。出了什么问题，我应该做什么？

Answer 1

JavaScript 无法在尚未创建的页面上设置元素的值。

您可以提交包含该值的表单，但您必须使用 GET 请求，因为如果没有服务器端语言的帮助，JavaScript 将无法访问 POST 数据。

其他选项是使用localstorage 。将其放在第一页上，然后在第二页上阅读。