单击按钮时打开弹出窗口的Javascript代码?

时间:2016-10-11 16:10:08

标签: javascript c# asp.net

我想知道如何编写一个javascript代码,在按钮点击时打开一个新的600 * 300弹出窗口。

让我说我的Books.aspx中有一个开放按钮...当我点击"显示"时,我想在弹出窗口中显示几本书窗口,这是另一个名为BooksAuthor.aspx

的网络表单

这是我迄今为止所尝试过的:

选项1

<asp:TextBox ID="text1" runat="server"></asp:TextBox>
<asp:Button ID="button1" runat="server" onClick="window.open('BooksAuthor.aspx');" Text="Display" /><br /><br />

选项2

<asp:TextBox ID="text1" runat="server"></asp:TextBox>
<asp:Button ID="button1" runat="server" onClick="openWindow();"Text="Display" /><br /><br />

<script type="text/javascript">
function openWindow()
{
    window.open("BooksAuthor.aspx", "status=1,width=600,height=300");
}

似乎没有任何效果。有什么想法吗?

谢谢!

2 个答案:

答案 0 :(得分:2)

你必须在onClientClick上调用javascript

<asp:Button ID="button1" runat="server" OnClientClick="window.open('BooksAuthor.aspx');" Text="Display" /><br /><br />

或者

<asp:Button ID="button1" runat="server" OnClientClick="openWindow();" Text="Display" /><br /><br />

<script type="text/javascript">
function openWindow() {
    window.open("BooksAuthor.aspx", "status=1,width=600,height=300");
}

答案 1 :(得分:2)

要打开自定义大小的窗口,正确的语法是

window.open(URL,name,specs,replace)

EX:-window.open(&#34; BooksAuthor.aspx&#34;,&#34; MsgWindow&#34;,&#34; width = 600,height = 300&#34;);