.net扫盲-网页对话框应用

在B/S的项目中,越来越的功能的需要添加到页面上,但一个页面承载这么多功能,就会让页面的美观度、甚至体验友好度大打折扣.但如果将某些不是很必须的元素先隐藏起来，当用户点击后再将此元素以相应的形式出现，这样的设计可减少网页页面的体积，以让网页设计者很好的开展自己的想象，设计出更加人性化的用户UI界面。

如下图所示：

提示框：

警告框：

以上网页对话框,相信大家都不陌生,最常见的就是弹出登陆/注册框，像百度：

还有一些,例如修改录入等:

对话网页,其实也就是我们常说的弹出框,弹出页面也是能自定义的.看到这儿相信你已经发现,对话框的设计还有很大的潜力去发掘.下面介绍一下,实现方法.

主要用到javascript中window对象的用window.showModalDialog函数打开一个IE的模式窗口,然后利用window.returnValue 属性,作为返回值返回.

主页：

<span style="font-family:Microsoft YaHei;font-size:14px;"><pre name="code" class="html"><!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>
<title>Main web</title>  <script language="javascript">  function showmodal(){  var data = window.showModalDialog("child.html",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no");    alert(data); }  </script>
</head>  <body>  <input id=button1 type=button value=Button name=button1 οnclick="showmodal();">
</body>
</html>
</span>

子页：

<span style="font-family:Microsoft YaHei;font-size:14px;"><!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>
<title>Dialog web</title> <script language="javascript">  function trans(){ window.returnValue="data";window.close(); }  </script>
</head>
<body>  <input id=button1 type=button value="返回数据" name=button1 οnclick="trans();">
</body>
</html>
</span>

这个returnValue除了可以是布尔值,整型值等以外还可以是个js数组，用来传递大量数据。在.net 平台中，js数组是常用的传送对象，通过序列化，就可以让两个页面之间方便的传送数据了。

.net扫盲-网页对话框应用相关推荐

火狐网页对话框_默认情况下，在Firefox中展开“添加书签”对话框
火狐网页对话框 If you are reading this article you are probably annoyed that every single time you add a bo ...
网页对话框showModalDialog()
网页对话框的应用: var getValue = window.showModalDialog(url","",sFeatures); getValue:指代网页对话框的 ...
弹出式窗口及网页对话框
弹出式窗口及网页对话框全攻略一.如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 <html& ...
用HTML5做一个类似于智能对话的可以自动回复的网页对话框
背景作为一个入门级编程小白(现在正处于大三阶段,感觉学校教的东西实在是太少了,还是得自学)来说,自己动手做一些个小项目的时候,就会萌发一些奇怪的想法,但是呢我对这样一些奇怪的想法有时又不知从何处下手 ...
artDialog——经典、优雅的网页对话框控件
对于弹窗,之前用的比较多的就数layUI的了,今天对比了几款弹窗(artdialog.jBox.sweetalert),最后还是选择了artDialog.为什么要单独找对话框插件呢?因为老的项目里面用 ...
servlet中弹出网页对话框
Servlet中: 方法A: PrintWriter out = this.servletResponse.getWriter(); out.print("<script langua ...
使用网页对话框来显示图片 window.open()
这个主要用到了JS中的 window.open(url,windowname,location) url 目标窗口的url 如果url 是一个空字符串,浏览器将打开一个空白窗口 windowname ...
记一次过掉rar未注册版，总是弹出一个烦人的网页对话框的实践
大家都在使用压缩解压软件,最经典的莫过于rar这个软件了(当然现在有许多的类似软件了), 可惜他不是免费的,从网上下载一个rar安装后如下: rar 软件的版本号和未注册标识刚安装的rar打开后完全 ...
Delphi中点击网页弹出的Alert对话框的确定按钮
实现的方法有很多,一般都是使用Windows API函数遍历窗口,查找指定标题的窗口,然后从该窗口查找确定按钮,向该按钮发送鼠标消息进行模拟点击.由于IE8由Alert弹出的网页对话框的标题是&quo ...
网页文档输出、对话框
网页文档输出.对话框 1.1 网页文档输出document.write() , 标签元素输出.innerText .innerHTML .value <!DOCTYPE html> < ...

.net扫盲-网页对话框应用

.net扫盲-网页对话框应用相关推荐

最新文章

热门文章