`
xly_971223
  • 浏览: 1277464 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js模式对话框实现用户登录

阅读更多
以前看过别人写的用js的showModalDialog做用户登录 今天闲着没事做了一下 感觉不错
采用ModalDialog做登录,最大优点就是省去了传递url的麻烦
下面列出关键代码 当作备忘吧
父窗口代码:window.showModalDialog('login.jsp', window);//这个window作为参数传递到子窗口,当登录成功后可通过这个对象刷新父窗口
子窗口代码:
window.dialogArguments.document.location.reload();//刷新父窗口
window.close(); //关闭自己

还有一个关键代码:
<base target="_self">
如果不加这段代码,在登录返回之后会打开一个新窗口
分享到:
评论
9 楼 antsoul 2007-04-10  
不错!
8 楼 xly_971223 2007-04-09  
<html:html lang="true">
  <base target="_self">
  <head>
<logic:notEmpty name="com.ecc.beauty.CustomInfo" scope="session">
<script language="JavaScript" type="text/JavaScript">
window.dialogArguments.document.location.reload();
window.close();
</script>
</logic:notEmpty>
  </head>
 
  <body>
......
7 楼 123123 2007-04-07  
<base target="_self">
加在什么地方
6 楼 xly_971223 2007-03-15  
好像是div做的
5 楼 过河卒 2007-03-15  
请教一些Javaeye的这个登录是用什么组件实现的?
4 楼 cngump 2007-03-13  
不错。
3 楼 chpn 2007-02-26  
我99的兼容IE,FF ,Opera
var win=new MdiWindow(/*width*/ 300 ,/*height*/ 200 , /*left*/ 1 , /*top*/ 100, /*下方不可操作*/ true);
win.setSize(300,200);//设置大小
win.setWindowArguments({window:window});
//或win.setWindowArguments(window)
win.load("login.html");
win.frame.location.reload();//刷新
win.onClose=function(){
   //闭时回调函数
}
win.close();//关闭

//子窗口代码:
parent.initWindowArguments(window);
window.close();//关闭自己
var opener=windowArguments.window;
opener.reload();//刷新父页面
windowHandler.btnClose.hide();//隐藏关闭按钮。



2 楼 piaochunzhi 2007-02-25  
呵呵,这个世道,这么要考虑这么多!
1 楼 jiming 2007-02-14  
这个方法很方便,但是不支持 firefox

相关推荐

    模式对话框与非模式对话框

    模式对话框是强制用户与其交互的窗口,它会阻止用户对主应用程序窗口进行任何操作,直到用户关闭该对话框为止。这意味着用户必须先处理模式对话框,才能继续进行其他任务。这种设计可以确保用户专注于当前的对话框...

    JQuery 模式对话框实例

    "JQuery 模式对话框实例"是指使用 jQuery 创建的一种特殊的对话框,它在页面上弹出时,会将背景变暗,使用户无法与背景中的其他元素交互,直至对话框关闭。这种模式对话框常用于警告、确认、输入信息等场景。 在 ...

    JS打开模式对话框

    JavaScript(简称JS)是一种广泛用于客户端Web开发的脚本语言,它可以实现动态交互的效果,而JS打开模式对话框则是提供了一种与用户交互的方式。在本文中,我们将深入探讨两种主要的JS对话框方法:`showModalDialog...

    Jquery+CSS模式对话框

    在Web开发中,模式对话框(Modal Dialog)是一种常见的用户交互元素,用于在当前页面上显示一个半透明的遮罩层,焦点集中在一个独立的窗口,用户必须先处理这个对话框才能继续与主页面进行交互。这种设计可以有效地...

    JQuery 模式对话框DIV

    在Web开发中,模式对话框是一种常用的交互元素,它能够阻止用户与页面其他部分的交互,直到对话框被关闭。jQuery库提供了一种简单的方式来实现这一功能,即jQuery UI中的`dialog`插件。本篇文章将深入探讨如何使用...

    模式对话框传值实例

    在网页开发中,模式对话框(Modal Dialog)是一种常见的用户交互设计,用于在主页面上显示一个临时的、必须处理的窗口,用户需完成对话框内的操作后才能继续与主页面进行交互。这个实例——"模式对话框传值实例",...

    模式对话框(可刷新)+可移动div+遮罩层

    在IT界,模式对话框(Modal Dialog)是一种常见的用户界面元素,它用于向用户显示重要信息或要求用户提供输入,同时阻止他们与对话框背后的应用程序交互。这种对话框强制用户处理当前的问题,直到他们完成对话框的...

    jquery 1.3 模式对话框

    在jQuery 1.3中,模式对话框通过创建一个覆盖整个页面的半透明背景层和一个浮动在顶部的对话框实现这一效果,这样可以确保用户的注意力集中在当前的对话框上。 要创建一个模式对话框,我们需要首先引入jQuery库和...

    模式对话框调页面

    在IT行业中,模式对话框(Modal Dialog)是一种常见的用户界面元素,它用于向用户显示临时信息或要求用户提供必要的输入,同时阻止用户与对话框背后的主应用程序窗口进行交互,直到对话框被关闭。这篇博客“模式...

    弹出网页模式对话框

    在网页设计和开发中,"弹出网页模式对话框"是一种常见的交互手段,它用于向用户展示信息或者获取用户的输入,而不会离开当前页面。这种技术通常涉及到JavaScript、HTML和CSS的综合运用,以实现优雅的用户体验。接...

    用于改进Bootstrap4模式对话框在手机上的用户体验

    标题提到的"用于改进Bootstrap4模式对话框在手机上的用户体验",意味着我们将探讨如何通过纯CSS的方法来调整模态对话框的布局、交互以及可访问性,使其更适合手机用户。以下是一些可能的改进策略: 1. **自适应大小...

    div 模式对话框 js +Div

    在网页设计和开发中,`div` 模式对话框是一种常见的交互元素,它用于向用户展示临时信息或获取用户输入。在这个主题中,我们主要关注如何使用 `HTML`、`CSS` 和 `JavaScript`(特别是 `js` 和 `jQuery`)来创建一个...

    网页模式对话框效果,兼容IE6,7,8,firefox

    网页模式对话框是一种常见的网页设计元素,用于在用户与页面其他部分隔离的独立窗口中显示信息或进行交互。这种效果可以用于警告、确认操作、显示详细信息或提供一个临时的工作空间。在创建兼容IE6、7、8以及Firefox...

    js 模式窗口(模式对话框和非模式对话框)的使用介绍

    在Web开发中,模式对话框和非模式对话框是两种常见的交互方式,用于临时获取用户输入或显示信息,而不需要加载新的页面。JavaScript提供了创建这两种对话框的方法,分别是showModalDialog和showModelessDialog。本文...

    asp.net中模式对话框的使用以及删除时确认

    在Web应用中,模式对话框通常是通过JavaScript库如jQuery UI或Bootstrap的模态组件来实现的。这些库提供了方便的API和丰富的样式,使开发者可以轻松创建具有弹出效果的对话框。 1. **使用jQuery UI创建模式对话框**...

    使用CSS在页面上实现LightBox/模式对话框窗口源代码(登录对话框示例)

    此外,为了实现"模式对话框"效果,即阻止用户与背景交互,可以使用CSS的`z-index`属性来确保对话框位于其他所有元素之上,并设置背景为半透明黑色,使得焦点集中在对话框上。 为了实现弹出效果,开发者可能利用了...

    jquery simplemodal模式对话框

    在Web开发中,用户交互是至关重要的,而模式对话框(Modal Dialog)是提高用户体验的一种有效手段。jQuery SimpleModal是一款轻量级、可定制的模态对话框插件,它使开发者能够快速地创建出具有专业外观的弹窗效果。...

    ASP.Net中的模式对话框

    在ASP.NET中,我们可以使用多种方式实现模式对话框,如JavaScript库(如jQuery UI)、ASP.NET AJAX Control Toolkit以及内置的Web部件。 1. **JavaScript和jQuery UI**:通过引入jQuery库和jQuery UI,我们可以利用...

    C# 语言编写VS2005开发ASp.net模式对话框的应用例子

    在ASP.NET中,模式对话框通常用于显示需要用户输入或确认的信息,例如登录窗口、表单验证错误提示或者设置窗口等。这些对话框会暂停主页面的操作,直到用户完成对话框中的任务或关闭对话框为止。 创建模式对话框的...

    JQuery 全屏覆盖源码以及模式对话框

    本话题将深入探讨如何利用 jQuery 实现全屏覆盖(Full-Screen Overlay)以及模式对话框(Modal Dialogs)的功能,这些功能在现代网页设计中十分常见,例如用于显示警告信息、用户登录、内容预览等场景。 全屏覆盖...

Global site tag (gtag.js) - Google Analytics