html如何制作模态窗口,（面试题）html中创建模态窗口的方法有哪些？

一、创建模态和非模态对话框

除了alert(""); confirm(""); prompt("");之外还有

创建模态对话框：

vReturnValue = window.showModalDialog(sURL [, vFreeArgument] [, sOrnaments]);

如：window.showModalDialog("callee.htm")

创建非模态对话框：

vReturnValue = window.showModelessDialog(sURL [, vFreeArgument] [, sOrnaments]);

如：window.showModelessDialog("callee.htm")

二、控制对话框大小和位置

下面的代码将打开一个高200px、宽800px的对话框：

window.showModalDialog('callee.htm','','dialogHeight:200px;dialogWidth:800px');

以下代码，看看关闭居中属性后新窗口的位置：

window.showModalDialog('callee.htm','','dialogHeight:200px;dialogWidth:800px;center:no');

三、改变对话框外观

下面的代码将去除上下文关联提示图标、不显示状态栏、窗口边缘风格为凹陷：

showModelessDialog("callee.htm","","status:0;help:0;edge:sunken");

四、从父页面页面传递数据到子页面

(一)传递值类型数据

在caller.htm页面中输入以下代码：

在callee.htm页面中输入以下代码：

(二)传递数组引用类型数据 (同样可以为对象传值)

第一种值类型数据的传递中，在callee.htm页面中只能读取caller.htm页面的传递数据。

当需要对caller.htm页面的传递内容进行修改时，就需使用到数组引用类型的传递方式。

首先，在caller.htm页面中输入以下代码：

然后在callee.htm页面中输入以下代码：

使用jQuery创建模态窗口登陆效果

日期:2013-8-22  来源:GBin1.com 隐藏模态窗口技术是一种很好的解决方案,用于处理不是特有必要出现在网页上的界面元素.社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表 ...

[Win32]创建模态窗口

http://www.cnblogs.com/zplutor/archive/2011/02/20/1958973.html 在Win32编程中,如果要显示一个模态窗口,一般是先创建对话框模板,然后使 ...

IE 中创建 子窗口 传值 与接收值 【window.showModalDialog】

父窗口 创建一个窗口 var backinfo = window.showModalDialog('UserSelect.aspx', '', 'dialogHeight=600px; dialogW ...

Javascript 中创建自定义对象的方法(设计模式)

Javascript 中创建对象,可以有很多种方法. Object构造函数/对象字面量: 抛开设计模式不谈,使用最基本的方法,就是先调用Object构造函数创建一个对象,然后给对象添加属性. var ...

Oracle中创建自增字段方法

oracle没有ORACLE自增字段这样的功能,但是通过触发器(trigger)和序列(sequence)可以实现. 下面给大家讲个例子: 1.在Oracle中创建一个表: .创建一个表 ) prim ...

极其简单的用JS在浏览器中创建下载文件的方法

有这样一个需求,在js中动态创建一个页面,然后下载该页面为word文档,研究了一上午,最后发现实现起来如此简单. 在js中创建如下方法:(直接复制即可) function downloadFile(f ...

JavaScript中创建自定义对象的方法

本文内容参考JavaScript高级程序设计(第3版)第6章:面向对象的程序设计 ECMA-262中把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数.”我所理解的就是对象就是一个结构 ...

Floodlight 中创建消息对象的方法

在 floodlight 中创建各种openflow message 和 action 等採用的是简单工厂方式.BasicFactory类(实现OFMessageFactory接口.) ...

java4中创建内对象的方法

在java程序中,对象可以被显式地或者隐式地创建.四种显式的创建对象的方式:     ● 用new语句创建对象     ● 运用反射手段,调用java.lang.Class 或者 java.lang. ...

随机推荐

二:Go编程语言规范-类型

1.类型 布尔值,数值与字符串类型的实例的命名是预声明的. 数组,结构,指针,函数,接口,切片,映射和信道这些复合类型可由类型字面构造. 每个类型 T 都有一个 基本类型:若 T 为预声明类型或类型字 ...

K米APP----案例分析

K米APP----案例分析 第一部分 调研,评测 第一次上手体验 软件的美工做得不错,功能排版很清楚,用户很容易上手,不至于用户不知道怎么用这个APP点歌 软件最主要的功能是KTV的点歌功能,这个功能 ...

02线性表链式存储_LinkList--(线性表)

#include "stdio.h" #include "string.h" #include "ctype.h" #include &qu ...

类 的重载(Overloads)与隐藏(Shadows)

我在上篇文章中讲解了类 的继承和重写,如果想要在派生类中重写基类了方法或函数,那首先基类必须要有用 Overridable 关键字的公开声明的方法或函数,这样,基类的派生类才能用 Overrides ...

经典面试题：一张表区别DOM解析和SAX解析XML

============DOM解析    vs ...

python第九天(9-33)

一:进程 进程概念 进程就是一个程序运行在一个数据集上的一次动态执行过程 进程一般由程序,数据集,进程控制块组成 进程控制块: 进程控制块用来记录进程的外部特征,描述进程的执行变化过程,系统可以利用它 ...

LeetCode 题解之 Two Sum

1.题目描述 2.问题分析 使用hashTable 寻找,target  -  num[i] ,将时间复杂度降低到 O(n): 3.代码 vector twoSum(vector ...

python 视频处理，提取视频相关帧，读取Excel

一共这几个模块: class videoReader 读取视频 class videoFramesExtractor(videoReader):继承了读取视频,主要是用来限制读取视频中的哪些帧,并保存 ...

centos7.3下curl支持https协议

1 由于自己的curl是默认安装的,查看了下 不支持https协议 [root@izwz90bp6do7s3cr45cw6az ~]# curl --version curl (x86_64-redh ...

ios开发之--swift下Alamofire的使用

1,首先使用cocoapods导入,如果有不会的同学,可以去看我写的关于cocopods使用的那篇博客 2,直接上代码: a 先看下文件结构 CommonFile.swift import UIKit ...