`

jsp弹出一个窗体

JSP浏览器Blog脚本 
阅读更多
关键字: 常见弹出窗口和模式对话框的介绍
    本文转载于其它blog,在此向本文原创者，致意！
   JSP 弹出窗口  一、window.open() 基础知识
     1、window.open()支持环境：  JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
     2、基本语法：window.open(pageURL,name,parameters)
                  其中：
                            pageURL 为子窗口路径
                            name 为子窗口句柄
                            parameters 为窗口参数(各参数用逗号分隔)
     3、简单示例：
<script language="javascript" type="text/javascript">
<!--
window.open ('page.aspx','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
-->
</script>     脚本运行后，page.aspx将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。其中<!-- 和 -->是对一些版本低的浏览器起作用，在这些低版本浏览器中不会将标签中的代码作为文本显示出来，要养成这个好习惯。
     4、可用的parameters：其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。
           参数   |   取值范围   |   说明
alwaysLowered     |    yes/no      |    指定窗口隐藏在所有窗口之后
    alwaysRaised     |    yes/no      |    指定窗口悬浮在所有窗口之上
         depended     |     yes/no      |    是否和父窗口同时关闭
       directories     |     yes/no      |     Nav2和3的目录栏是否可见
             height     |   pixel value  |    窗口高度
          hotkeys     |     yes/no       |     在没菜单栏的窗口中设安全退出热键
    innerHeight     |   pixel value  |      窗口中文档的像素高度
    innerWidth      |   pixel value  |     窗口中文档的像素宽度
         location      |     yes/no      |      位置栏是否可见
         menubar      |    yes/no       |     菜单栏是否可见
    outerHeight      |  pixel value  |     设定窗口(包括装饰边框)的像素高度
    outerWidth      |  pixel value   |     设定窗口(包括装饰边框)的像素宽度
        resizable       |    yes/no       |     窗口大小是否可调整
         screenX      |   pixel value  |     窗口距屏幕左边界的像素长度
         screenY      |  pixel value   |     窗口距屏幕上边界的像素长度
       scrollbars      |     yes/no       |     窗口是否可有滚动栏
            status       |     yes/no      |      是否显示状态栏内的信息
          titlebar       |     yes/no      |     窗口题目栏是否可见
          toolbar       |     yes/no      |     窗口工具栏是否可见
           Width       | pixel value    |     窗口的像素宽度
           z-look       |     yes/no      |     窗口被激活后是否浮在其它窗口之上
                                               二、window.open() 应用与技巧
     1.用一个连接调用
<script language="javascript" type="text/javascript">
<!--
function openwin()
{
window.open ("page.aspx", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
-->
    </script>
<a href="#" onclick="openwin()">打开一个窗口</a> 
*使用的“#”是虚连接，若把“#”换成一个页面，则效果是：打开这个页面的同时弹出小窗口。
    2、定时关闭弹出窗口
     只需在窗口页面（注意是窗口页面）加入以下代码即可。
    <script language="JavaScript" type="text/javascript">
function closeit()
{
setTimeout("self.close()",10000)
}
    </script>其中，10000的单位是毫秒。再在<body>变成<body onload="closeit()">即可。
    3、主窗口和弹出窗口处于一个页面
      一般，主窗口和弹出窗口都是分别为两个页面，可否都处在一个页面呢？当然是可以的。
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script language="JavaScript" type="text/javascript">
function openwin()
{
OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
OpenWindow.document.write("<h1>Hello!</h1>")
OpenWindow.document.write("New window opened!")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
OpenWindow.document.close()
}
    </script>
</head>
<body>
    <input type="button" onclick="openwin()" value="打开窗口" />
</body>
</html>
    4、经常的应用
//==========================================================================
//
//  代码描述：打开一个新的没有状态栏、工具栏、菜单栏、定位栏，
//            不能改变大小，且位置居中的新窗口
// 
//  传入参数：pageURL - 传递链接
//            innerWidth - 传递需要打开新窗口的宽度
//            innerHeight - 传递需要打开新窗口的高度
// 
//  返回参数：无
//
//
//==========================================================================
function g_OpenWindow(pageURL, innerWidth, innerHeight)
{   
    var ScreenWidth = screen.availWidth
    var ScreenHeight = screen.availHeight
    var StartX = (ScreenWidth - innerWidth) / 2
    var StartY = (ScreenHeight - innerHeight) / 2
    window.open(pageURL, '', 'left='+ StartX + ', top='+ StartY + ', Width=' + innerWidth +', height=' + innerHeight + ', resizable=no, scrollbars=yes, status=no, toolbar=no, menubar=no, location=no')
}
                                                    三、模式窗口函数弹出窗口
//==========================================================================================
//
// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单、状态条、工具条、定位栏
//
// 传入参数：pageURL - 传递链接
//            innerWidth - 传递需要打开新窗口的宽度
//            innerHeight - 传递需要打开新窗口的高度
// 返回参数：无
//
//
//==========================================================================================
function g_OpenModalWindow(pageURL, innerWidth, innerHeight)
{
    window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth + 'px;dialogHeight:' + innerHeight + 'px;help:no;unadorned:no;resizable:no;status:no')
}
//==========================================================================================
//
// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单、状态条、工具条、定位栏 ,并且返回值
//
// 传入参数：pageURL - 传递链接
//            innerWidth - 传递需要打开新窗口的宽度
//            innerHeight - 传递需要打开新窗口的高度
// 返回参数：模式窗体返回的returnValue
//
//
//==========================================================================================
function g_OpenreturnWindow(pageURL, innerWidth, innerHeight)
{
    var returnv;
    returnv=window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth + 'px;dialogHeight:' + innerHeight + 'px;help:no;unadorned:no;resizable:no;status:no')
    return returnv;
}
//==========================================================================================
//
// 代码描述：打开模式窗口函数，打开一个模式窗口不包含菜单、状态条、工具条、定位栏
//
// 传入参数：pageURL - 传递链接
//            innerWidth - 传递需要打开新窗口的宽度
//            innerHeight - 传递需要打开新窗口的高度
// 返回参数：无
//
//
//==========================================================================================
function g_OpenReturnModalWindow(pageURL, innerWidth, innerHeight)
{
    window.showModalDialog(pageURL, null, 'dialogWidth:' + innerWidth + 'px;dialogHeight:' + innerHeight + 'px;help:no;unadorned:no;resizable:no;status:no');
    return false;
}
来源于：http://blog.163.com/likui_1314159/blog/static/770932122010821115329165/
分享到：
| 安卓开发实例 Android开发实例
评论
发表评论

文章已被作者锁定，不允许评论。

相关推荐

    Jsp中生成模式窗体代码详解

    在Web开发中，模式窗体（Modal Form）是一种常见的用户交互方式，它能够提供一个弹出式的对话框，用于展示信息、收集用户输入等场景。本文将详细介绍如何在JSP（JavaServer Pages）环境中实现模式窗体的功能，并通过...

    JSP+Access学生学籍成绩管理系统

    【JSP+Access学生学籍成绩管理系统】是一个基于JavaServer Pages (JSP) 技术和Microsoft Access数据库的教育管理应用程序。它主要用于管理和追踪学生的学籍信息和成绩数据，为教育机构提供了一种便捷的数据存储和...

    毕业论文jsp597任务调度器的设计与实现.doc

    本文旨在设计和实现一个jsp597任务调度器，解决大型J2EE web应用中的任务调度问题。该系统旨在提供一个统一的任务调度标准，使得开发人员可以以指定的间隔时间执行各类操作，并完成一些无需用户输入的任务。 开发...

    java源码包---java 源码 大量 实例

    5个目标文件，演示Address EJB的实现，创建一个EJB测试客户端，得到名字上下文，查询jndi名，通过强制转型得到Home接口，getInitialContext()函数返回一个经过初始化的上下文，用client的getHome()函数调用Home接口...

    JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

    根据给定文件内容，以下是关于如何使用JavaScript实现一个支持鼠标拖动和关闭功能的弹出浮动窗口的知识点。 首先，创建一个弹出浮动窗口（也称为弹出式对话框）涉及到的核心技术是JavaScript动态创建对话框。这一...

    layui当点击文本框时弹出选择框,显示选择内容的例子

    在本文中，我们将深入探讨如何使用layui框架在文本框被点击时弹出一个选择框，以便用户能够选择并显示相关内容。layui是一个轻量级的前端UI框架，它提供了丰富的组件和便捷的API，使得开发更加高效。以下是实现这一...

    editplus 代码编辑器html c++ jsp css

    ③ “文件－新建－text”，就可以建立一个空的文本文件，保存时，这个文件自动带有扩展名".txt"，也就避免了令人头疼的确认 ④ 模板设置文件名称为“template.ini”，如果和主程序同一路径，可以使用相对路径 罗嗦了...

    java 常用开发代码

    1. 弹出对话框后在本窗体打开文件index.jsp： 当需要在当前页面显示一个警告对话框并随后导航到`index.jsp`时，可以使用以下代码： ```jsp out.println("&lt;script language='javascript'&gt;alert('弹出内容！');...

    layui: layer.open加载窗体时出现遮罩层的解决方法

    把窗体方法独立出来放在layer.use([],function(){});外面，需要的时候从layer.use方法里面调用，就不会出现遮罩层 layer.use([],function(){ $(#添加按钮id).click(function(){ editData(,form,添加) ; }) ;...

    用SSH+ajax实现的上传进度条，仿qq邮箱的大文件上传窗体

    该函数通过创建DOM元素的方式构建了一个带有遮罩层的弹出框，并通过`XMLHttpRequest`或`ActiveXObject`对象发送Ajax请求获取上传进度信息。 **4. 动态更新进度条** - 利用`setInterval`函数定期向进度显示服务类...

    网吧零售系统详细设计与不完全代码

    - 销售管理：弹出页面，可能用于查看、编辑或统计销售数据。 - 入库成功：add_order_success.jsp，确认商品入库操作成功的页面。 - 财务管理：包括销量统计（index.jsp）、修改库存、修改商品等功能页面。 2. **...

    java源码包2

    5个目标文件，演示Address EJB的实现，创建一个EJB测试客户端，得到名字上下文，查询jndi名，通过强制转型得到Home接口，getInitialContext()函数返回一个经过初始化的上下文，用client的getHome()函数调用Home接口...

    java源码包3

    5个目标文件，演示Address EJB的实现，创建一个EJB测试客户端，得到名字上下文，查询jndi名，通过强制转型得到Home接口，getInitialContext()函数返回一个经过初始化的上下文，用client的getHome()函数调用Home接口...

    java源码包4

    5个目标文件，演示Address EJB的实现，创建一个EJB测试客户端，得到名字上下文，查询jndi名，通过强制转型得到Home接口，getInitialContext()函数返回一个经过初始化的上下文，用client的getHome()函数调用Home接口...

    成百上千个Java 源码DEMO 4(1-4是独立压缩包)

    JAVA+JSP的聊天室 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份，还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码，一个很...

    成百上千个Java 源码DEMO 3(1-4是独立压缩包)

    JAVA+JSP的聊天室 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份，还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码，一个很...

    N秒后自动关闭页面

    N秒后自动关闭页面

    exttag标签以及相关配置文件

    总的来说，`exttag`是一个方便Java开发者使用`extjs`库的工具，通过JSP标签的形式，使得在后端编码中集成复杂的前端组件变得简单。正确配置和使用`exttag`，可以大大提高开发效率，同时保持前后端的清晰分离。在实际...

    SuperCalculator超级计算器C#源码

    如果不满足，会弹出一个消息框提示用户。 - 这种做法确保了在进行数学计算前，输入的字符串是有效的数值，并且（如果需要）是正数。 3. **异常处理与用户交互**： - 当转换失败或数值不满足条件时，程序通过 `...

Magicbox
Global site tag (gtag.js) - Google Analytics