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 ...
随机推荐
- Hawk 4.6 并行化
并行化 Hawk支持单机并行化,也就是使用多线程获取数据.它可以控制目前所有任务的数量,为了不给网站造成过大的压力,仅当任务池中的任务数量小于一定值后,才会插入新的任务. 你可以在数据清洗的 执行面板 ...
- php注册审核
通过注册审核,判断刚创建的账户是否可以使用. 后台管理员审核通过后,账号可以使用. 通过session 设置只能通过登录入口进入网页. 原理:通过数据库设置账号的一个字段状态,例: isok:1, i ...
- Unity3D框架插件uFrame实践记录(一)
1.概览 uFrame是提供给Unity3D开发者使用的一个框架插件,它本身模仿了MVVM这种架构模式(事实上并不包含Model部分,且多出了Controller部分).因为用于Unity3D,所以它 ...
- python 数据类型---文件二
1.打印进度条 import sys,time for i in range(20): sys.stdout.write("#") sys.stdout.flush() #不等缓冲 ...
- 一个软件开发者的BPM之路
我是小林,一名普通的软件工程师,从事BPM(业务流程管理)软件开发工作.我没有几十年的技术底蕴,无法像大牛们一样高谈阔论,品评BPM开发之道:也不是资深的流程管理专家,能与大家分析流程管理的时弊.我只 ...
- 如何手动安装MySql
想安装当然要先有一个MySql的安装包 这里使用的是mysql-5.7.12-winx64 安装包百度云:http://pan.baidu.com/s/1kVAuXuv 密码:hr39 1.要将压缩 ...
- CentOS 7 上部署Mono 4 和Jexus 5.6
概述 在这篇文章中我们将讨论如何在CentOS 7操作系统,安装 jexus. mono 和 配置 jexus,因此它将能够在这种环境中运行一个asp.net mvc 4 应用.这篇文章是描述如何在 ...
- 分享一个CQRS/ES架构中基于写文件的EventStore的设计思路
最近打算用C#实现一个基于文件的EventStore. 什么是EventStore 关于什么是EventStore,如果还不清楚的朋友可以去了解下CQRS/Event Sourcing这种架构,我博客 ...
- 这可能是史上最全的CSS自适应布局总结教程
标题严格遵守了新广告法,你再不爽,我也没犯法呀!话不多说,直入正题. 所谓布局,其实包含两个含义:尺寸与定位.也就是说,所有与尺寸和定位相关的属性,都可以用来布局. 大体上,布局中会用到的有:尺寸相关 ...
- 将一句话里的单词进行倒置,标点符号不倒换。比如将“I come from Shanghai.”倒换后变为“Shanghai. from come I”
string str = "I come from Shanghai."; //根据空格切割 string[] strS = str.Split(' '); string temp ...