Javascript代码在按钮单击时打开弹出窗口？答案

【问题标题】：Javascript code to open pop-up window on button click?Javascript代码在按钮单击时打开弹出窗口？
【发布时间】：2016-10-11 16:10:07
【问题描述】：

我想知道如何编写一个 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");
}

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

谢谢！

【问题讨论】：

输出的 HTML 是什么样的？服务器端技术与在客户端打开弹出窗口无关。
你的意思是 BooksAuthor.aspx ？到目前为止它是空的。我现在只想打开窗口，它可以是空的@Halcyon

标签： javascript c# asp.net

【解决方案1】：

你必须在 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");
}

【讨论】：

谢谢，这行得通。虽然它似乎不是我想要的尺寸。它是全尺寸窗口

【解决方案2】：

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

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

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

【讨论】：