Question

我似乎无法将onclick事件从常规按钮复制到也有一个带onclick事件的按钮的函数。

我正在使用：

<input type="button" name="passw" id="passw" value="Password" onclick="DisplayPassword();">

作为我调用此功能的按钮：

function DisplayPassword(){
    DispWin = window.open('','toolbar=no,status=no')

    message="<form name=checkPW>";
    message+="<center><table cellpadding=30 border=1><tr><td><label>Password</label></td><td><input type=text name=password id=password></td></tr>";
    message+="<tr><td><input type=button value=Check onclick=CheckPassword()></td><td><input type=reset value=Clear></td></tr>";

    DispWin.document.write(message);
}

其中包含一个我想调用另一个函数的按钮：

function CheckPassword(){
    DispWin = window.open('','toolbar=no,status=no')

    if(document.checkPW.password.value == 'yayy')
    {
        message="<h1><center>Correct Password!</center><h1>";
    }
    else
    {
        message="<input type=button value=Close onclick=self.close()>";
    }

    DispWin.document.write(message);
}

Answer 1

首先，您要写入DispWin弹出窗口的HTML无效，并且缺少<form>，<center>和<table>标记的结束标记。

现在，要从DispWin弹出窗口上的按钮调用JavaScript函数，您需要将该函数写入弹出窗口：

message+="<script>function CheckPassword(){";
message+="DispWin = window.open('','toolbar=no,status=no');";
message+="if(document.checkPW.password.value == 'yayy') {message='<h1><center>Correct Password!</center><h1>';}";
message+="else {message='<input type=button value=Close onclick=self.close()>';}";
message+="DispWin.document.write(message);}";
DispWin.document.write(message);

请记住，弹出窗口对用户来说非常烦人，可能会被某些浏览器阻止。请考虑使用div弹出窗口。

JQuery - 在调用另一个函数的函数中有一个按钮

1 个答案: