javascript中的弹出窗口并显示内容

时间:2014-07-15 16:40:50

标签: javascript jquery html spring spring-mvc

我需要一个带有登录名,密码和提交按钮的弹出窗口。我用javascript创建了一个弹出窗口,如下所示。我可以打印警报,但是文本文件和提交按钮不会显示在弹出窗口中。

loginQB = function(){
    window.open('about:blank', 'popup', 'width=640,height=580,resizeable,scrollbars');
    document.getElementById('myAnchor').outerHTML=document.write("<input type=\"submit\" value=\"Submit\">");
    alert(document.documentElement.innerHTML)

}

html代码:

<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<form:form method="POST" action="/asi/mappings" onsubmit="loginQB(); return false;">

更新

   var win = window.open('about:blank', 'popup', 'width=640,height=580,resizeable,scrollbars');
        win.document.write('<form:form id="qblogin" method="POST" action="/asi/mappings">');
        win.document.write('<br>Sign in with mycompany Account or <a href="www.mycompany.com">CreateOne');
        win.document.write('<br><input type="text" name="userName">');
        win.document.write('<br><input type="password" name="password">');
        win.document.write('<br><input type="submit" value="Submit">');
        win.document.write('</form>'); 

我收到Unterminated&lt; form:form标签错误。使用如上所示的html代码中的spring form标记库。

2 个答案:

答案 0 :(得分:1)

你没有终止你的&lt; a href&gt;声明。在CreateOne之后应该是&lt; / a&gt;

答案 1 :(得分:0)

尝试使用变量访问窗口

var win = window.open('url', 'popup', 'width=640,height=580,resizeable,scrollbars');
win.document.write('<input type="submit" value="Submit">');

我不确定您是否想要这样登录,在页面中使用模态窗口会更常见。