JavaScript弹窗
- 警告框:
alert("警告信息!");
alert("警告\n信息!");
- 确认框:
var t=confirm("请确认!"); // true/false
if(t==true)
{…}
else
{…}
- 输入框:
var n=prompt("输入提示","默认值");
if(n!=null&&n!="")
//判断输入信息不为空。
- 显示HTML内容的模态与非模态对话框
showModelessDialog:
被打开后,用户可以随意切换输入焦点,对主窗口没有影响。IE4+
showModalDialog:
被打开后始终保持输入焦点。除了关闭对话框,用户无法切换到主窗口。IE5+
showModelessDialog和showModalDialog的超链接不弹出新窗口的方法:
<head>标签内添加<base target="_self">
使用方法:
returnValue=window.showModalDialog(URL [,arguments] [,features])
returnValue=window.showModalessDialog(URL [,arguments] [,features])
URL:对话框要显示的文档的URL。
Arguments:向对话框传递的参数。
Features:对话框外观等信息。
URL:为了防止浏览器从缓冲目录下载上次的页面而没有重新加载(动态页面来说会产生错误页面),可使用Math.random()函数产生0-1的随机数访问"./page.html?random="+Math.random(); 。这样能确保每次从服务器上访问(随机数嘛,也不一定哦!)。
"page.html" 当前目录下
"/page.html" 根目录下
"./page.html" 当前目录下
"../page.html" 上级目录下
Arguments:传递所有类参数,如类、数组、字符串等等。
Features的可选值(多参数时用";"隔开):
dialogHeight:高度(px)
dialogWidth:宽度(px)
dialogLeft:屏幕左距离(px)
dialogTop:屏幕上距离(px)
center:是否居中,默认yes, {yes|no|1|0};
help:是否显示帮助按钮,默认yes, {yes|no|1|0};
resizable:是否可改变大小,默认no, {yes|no|1|0};
status:是否显示状态栏,默认yes, {yes|no|1|0};
scroll:是否显示滚动条,默认yes, {yes|no|1|0};
dialogHide:在打印或者打印浏览时对话框是否隐藏,默认no,{yes|no|1|0};
edge:指明对话框的边框样式,凹下还是凸起,默认raised,{sunken|raised}
unadorned:指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no,{yes|no|1|0}; on off
参数传递:
var obj=window.dialogArguments; //弹出的HTML窗口接受参数;
window.returnValue=obj; //弹出的HTML窗口返回参数;
returnValue=window.showModalDialog(URL [,arguments] [,features]); //主窗口弹出子窗口,并接受返回参数。
returnValue=window.showModalessDialog(URL [,arguments] [,features]); //主窗口弹出子窗口,并接受返回参数。
刷新showModalDialog和showModelellDialog里的内容:
在弹出的子窗口里:
<body onkeydown="if(event.keyCode==116){d.click()}">
<a id="d" href="page.html" style="display:hidden">
注释:F5 的keyCode=116,display:hidden不保留<a>的位置
配合<base target="_self">使用。不然弹出新窗口。
关闭showModalDialog和showModelellDialog弹窗:
<input type="button" value="关闭" onckick="window.close()">
配合<base target="_self">使用。不然打开新窗口再关掉。
Window.open()新的浏览器窗口
语法:window.open(URL,name,featurs,replacs)
JavaScript弹窗的更多相关文章
- JavaScript 弹窗
JavaScript 弹窗 可以在 JavaScript 中创建三种消息框:警告框.确认框.提示框. 警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行 ...
- 浅谈Supermap iClient for JavaScript 弹窗类
地图作为信息的载体和呈现方式,是GIS的重要组成部分,它是一个浏览信息的窗口,在信息日益发达的今天 ,各种地图应用如雨后春笋一般出现在大众眼前,而不是像以往一样太过局限于专业的领域.而弹窗,是作为地图 ...
- Android原生代码拦截H5 Web页面中JavaScript弹窗/弹框
<html> <body> <script> function showAlert(){ alert("JavaScript - hello , worl ...
- javascript弹窗基础篇
confirm()意既确认框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
- 15 JavaScript弹窗(警告框alert、确认框confirm、提示框Promt)
警告框:window.alert().通常用于确认用户可以得到某些信息 <body> <script type="text/javascript" charset ...
- layer,一个可以让你想到即可做到的javascript弹窗(层)解决方案
学习网址:http://layer.layui.com/ 下载地址:http://res.layui.com/download/layer-v2.1.zip 我们提到的基础参数主要指调用方法时用到的配 ...
- JavaScript案例一:Window弹窗案例
注:火狐可运行,谷歌不可运行(安全级别高) <!DOCTYPE html> <html> <head> <title>JavaScript 弹窗案例&l ...
- JavaScript BOM 遗漏知识再整理;弹窗和记时事件;
1.JavaScript 弹窗 警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. window.alert() 方法可以不带上window对象, ...
- JavaScript自学代码--(四)
//JavaScript Window - 浏览器对象模型 window.document.getElementById("header"); //等价于 document.get ...
随机推荐
- WebApi接口 - 如何在应用中调用webapi接口
很高兴能再次和大家分享webapi接口的相关文章,本篇将要讲解的是如何在应用中调用webapi接口:对于大部分做内部管理系统及类似系统的朋友来说很少会去调用别人的接口,因此可能在这方面存在一些困惑,希 ...
- 使用cmake自动构建工程
公司引擎是用cmake根据目标平台来构建工程的,刚接触的时候深深体会到cmake的方便:如果目标平台是windows,它可以帮你自动构建出vs工程:如果是安卓,自动构建出eclipse工程,如果是IO ...
- JavaScript特性(attribute)、属性(property)和样式(style)
最近在研读一本巨著<JavaScript忍者秘籍>,里面有一篇文章提到了这3个概念. 书中的源码可以在此下载.我将源码放到了线上,如果不想下载,可以直接访问在线网址,修改页面名就能访问到相 ...
- Java程序员:工作还是游戏,是该好好衡量一下了
前阵子我终于下定决心,删掉了硬盘里所有的游戏. 身为一个程序猿,每天都要和各种新技术打交道,闲暇时间,总还得看一下各大论坛,逛逛博客园啥的,给自己充充电.游戏的话,其实我自小就比较喜欢,可以算是一种兴 ...
- 【C#公共帮助类】 Utils 10年代码,最全的系统帮助类
为大家分享一下个人的一个Utils系统帮助类,可能有些现在有新的技术替代,自行修改哈~ 这个帮助类主要包含:对象转换处理 .分割字符串.截取字符串.删除最后结尾的一个逗号. 删除最后结尾的指定字符后的 ...
- Android AndroidRuntime类
AndroidRuntime类是安卓底层很重要的一个类,它负责启动虚拟机以及Java线程,AndroidRuntime类在一个进程中只有一个实例对象保存在全局变量,gCurRuntime中.
- 如何区别数据库删除语句drop与delete与truncate?
1.delete:删除数据表中的行(可以删除某一行,也可以在不删除数据表的情况下删除所有行) 删除某一行:delete from 数据表名称 where 列名称=值: 删除所有行:delete*fro ...
- [斜率优化DP]【学习笔记】【更新中】
参考资料: 1.元旦集训的课件已经很好了 http://files.cnblogs.com/files/candy99/dp.pdf 2.http://www.cnblogs.com/MashiroS ...
- ola.hallengren的SQL Server维护脚本
ola.hallengren的SQL Server维护脚本 下载地址 http://files.cnblogs.com/files/lyhabc/ola.hallengrenMaintenanceSo ...
- mono-3.4.0 源码安装时出现的问题 [do-install] Error 2 [install-pcl-targets] Error 1 解决方法
Mono 3.4修复了很多bug,继续加强稳定性和性能(其实Mono 3.2.8 已经很稳定,性能也很好了),但是从http://download.mono-project.com/sources/m ...