在前端开发中，ModalPopupExtender 是一个非常有用的控件，它可以创建一个模态对话框，使用户能够与应用程序进行交互。但是，在 ModalPopupExtender 显示时，您可能需要运行一些自定义的 JavaScript 代码。本文将介绍如何在 ModalPopupExtender 显示时指定要运行的 JavaScript。
1. 添加 ModalPopupExtender 控件
首先，您需要在页面上添加 ModalPopupExtender 控件。以下是一个示例：
----------- ----------------- -------------- ---------- ------ --
------------------------------- ------------ --------------
------------------------------
-------------------------
-------------------------------------
---------------------------------
---- ------------- ----------------------
---- ------- ---
------以上代码会创建一个按钮和一个 ModalPopupExtender 控件。当用户单击按钮时，控件将显示一个模态对话框（在 "pnlPopup" 元素中定义）。
2. 添加 JavaScript 函数
现在，您需要添加一个 JavaScript 函数，该函数将在 ModalPopupExtender 显示时运行。以下是一个示例：
-------- ------------------- -
-- -----------
-请注意，上面的代码仅为示例。您需要根据您的需求编写自己的代码。
3. 将 JavaScript 函数与 ModalPopupExtender 关联起来
最后，您需要将 JavaScript 函数与 ModalPopupExtender 控件关联起来。以下是一个示例：
----------- ----------------- -------------- ---------- ------ --
------------------------------- ------------ --------------
------------------------------
-------------------------
------------------------------------
----------------------------
---------------------------------
---- ------------- ----------------------
---- ------- ---
------
------- -----------------------
-------- ------------------- -
-- -----------
-
---------注意，在 ModalPopupExtender 控件上添加了一个名为 "OnShown" 的属性，并将其设置为所创建的 JavaScript 函数的名称。
现在，当用户单击按钮并显示模态对话框时，指定的 JavaScript 函数将会运行。
总结
本文介绍了如何指定要在 ModalPopupExtender 显示时运行的 JavaScript。通过按照以上步骤，您可以轻松地在应用程序中添加自定义功能，从而提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/31233