javascript - 使用表单 JavaScript 中的值创建弹出窗口

Question

我正在尝试打开一个新窗口，其中包含从 ID 为“name”的文本字段收到的值；

<form name="myForm">
<input type="text" id="name">
</form>

<button onclick="openWindow();">Open</button>

这是 JavaScript:

function openWindow() {
newWindow = window.open("", null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");  

newWindow.document.write("<h1>"+document.myForm.name.value+"</h1>");
}

它确实可以，但为什么它会清空表单值？
我怎样才能将这个新窗口居中？也许 height=window.height()/2 ？

Answer 1

禁用onclick事件，它正在提交表单。将其添加到表单标记，然后在函数底部返回 false。 onsubmit="return openWindow();">