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

时间:2014-11-11 20:31:05

标签: javascript html

我正在尝试打开一个新窗口,其中包含从文本字段收到的值为id" name&#34 ;;

<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?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

我的工作正常,尝试了你的代码。在单击按钮之前,别忘了在输入框内写一些内容。如果它不起作用

请改为尝试:

newWindow.document.write("<h1>"+document.getElementById('name').value+"</h1>");