js showModalDialog 弹出对话框的简单实例

 本篇文章主要是对js_showModalDialog弹出对话框的简单实例(子窗体) 进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="showdialog_dialog.aspx.cs" Inherits="WSHelpDoc_showdialog_dialog" %>
 
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>showModalDialog 弹出对话框(子窗体)</title>
    <script language="javascript" type="text/javascript">
    function loadl()
    {
        document.getElementById("context").value = window.dialogArguments;
    }
    function retu_value()
    {
        window.returnValue = "完成了";
        window.close();
        return false;
    }
    </script>
</head>
<body onload="loadl()">
    <form id="form1" runat="server">
     <div>
        <asp:Button ID="Button1" runat="server" OnClientClick="javascript:return retu_value()"
            Text="关闭" /></div>
        <div >
        <a id="biaoqian" onclick="retu_value()">关闭</a>
        </div>
        <div >
        <asp:TextBox ID="context" runat="server" ></asp:TextBox>
        </div>
    </form>
</body>
</html>
 

时间: 2024-12-02 23:18:09

js showModalDialog 弹出对话框的简单实例的相关文章

js showModalDialog 弹出对话框的简单实例(子窗体)_javascript技巧

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="showdialog_dialog.aspx.cs" Inherits="WSHelpDoc_showdialog_dialog" %> 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo

jQuery点击自身以外地方关闭弹出层的简单实例

 本篇文章主要是对jQuery点击自身以外地方关闭弹出层的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 主要功能是点击显示,然后通过点击页面的任意位置都能关闭显示效果,主要是$(document).click的作用   开发过程中经常有一些弹出层,弹出后要在点击页面其他地方时自动关闭,下面是实现代码:   HTML代码:   代码如下: <div class="down">click</div> <div class="con

js showModalDialog弹出窗口介绍

 本篇文章主要是对js showModalDialog弹出窗口进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 showModalDialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的特点是,传参很方便也很强大,可直接调用父窗口的变量和方法.   使用方法:   vReturnValue = window.showM

JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例_javascript技巧

JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例 document.oncontextmenu = function(){return false}; //禁止鼠标右键菜单显示 var res = document.getElementById('box'); //找到id为box的div document.body.onmouseup = function(e){ //在body里点击触发事件 if(e.button===2){ //如果button=1(鼠标左键),butto

jQuery点击自身以外地方关闭弹出层的简单实例_jquery

主要功能是点击显示,然后通过点击页面的任意位置都能关闭显示效果,主要是$(document).click的作用 开发过程中经常有一些弹出层,弹出后要在点击页面其他地方时自动关闭,下面是实现代码: HTML代码: 复制代码 代码如下: <div class="down">click</div><div class="con hide">show-area</div> CSS代码:.hide{display:none;}

js showModalDialog弹出窗口实例详解_javascript技巧

showModalDialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的特点是,传参很方便也很强大,可直接调用父窗口的变量和方法. 使用方法:  vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])  参数说明:  sURL--  必选参数,

js弹出对话框方式小结_javascript技巧

本文实例总结了js弹出对话框方式.分享给大家供大家参考,具体如下: 一般常用的是 alert prompt confirm三种对话框 示例1: <html> <head> <title>Example 简单对话框</title> </head> <body> <script type="text/JavaScript"> <!-- alert("Good Morning!");

js弹出对话框(消息框、警告框)

  警告(alert) 在访问网站的时候,你遇到过这样的情况吗?"咚"的一声,一个小窗口出现在你面前,上面写着一段警示性的文字,或是其它的提示信息.如果你不点击确定,你就不能对网页做任何的操作.没错,这个"咚"的小窗口就是alert干的. 下面的代码是一段使用alert的实例.  代码如下 复制代码 <script type="text/JavaScript">      alert("我是菜鸟我怕谁"); <

JS弹出对话框实现方法(三种方式)_javascript技巧

本文实例讲述了JS弹出对话框实现方法.分享给大家供大家参考,具体如下: 1.警告框 <html> <head> <script type="text/javascript"> function disp_alert() { alert("我是警告框!!") } </script> </head> <body> <input type="button" onclick=&