1. 警告框:

    alert("警告信息!");

    alert("警告\n信息!");

  2. 确认框:

    var t=confirm("请确认!"); // true/false

    if(t==true)

    {…}

    else

    {…}

  3. 输入框:

    var n=prompt("输入提示","默认值");

    if(n!=null&&n!="")

    //判断输入信息不为空。

  4. 显示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">使用。不然打开新窗口再关掉。

  5. Window.open()新的浏览器窗口

    语法:window.open(URL,name,featurs,replacs)

    http://www.w3school.com.cn/jsref/met_win_open.asp

JavaScript弹窗的更多相关文章

  1. JavaScript 弹窗

    JavaScript 弹窗 可以在 JavaScript 中创建三种消息框:警告框.确认框.提示框. 警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行 ...

  2. 浅谈Supermap iClient for JavaScript 弹窗类

    地图作为信息的载体和呈现方式,是GIS的重要组成部分,它是一个浏览信息的窗口,在信息日益发达的今天 ,各种地图应用如雨后春笋一般出现在大众眼前,而不是像以往一样太过局限于专业的领域.而弹窗,是作为地图 ...

  3. Android原生代码拦截H5 Web页面中JavaScript弹窗/弹框

    <html> <body> <script> function showAlert(){ alert("JavaScript - hello , worl ...

  4. javascript弹窗基础篇

    confirm()意既确认框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...

  5. 15 JavaScript弹窗(警告框alert、确认框confirm、提示框Promt)

    警告框:window.alert().通常用于确认用户可以得到某些信息 <body> <script type="text/javascript" charset ...

  6. layer,一个可以让你想到即可做到的javascript弹窗(层)解决方案

    学习网址:http://layer.layui.com/ 下载地址:http://res.layui.com/download/layer-v2.1.zip 我们提到的基础参数主要指调用方法时用到的配 ...

  7. JavaScript案例一:Window弹窗案例

    注:火狐可运行,谷歌不可运行(安全级别高) <!DOCTYPE html> <html> <head> <title>JavaScript 弹窗案例&l ...

  8. JavaScript BOM 遗漏知识再整理;弹窗和记时事件;

    1.JavaScript 弹窗 警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. window.alert() 方法可以不带上window对象, ...

  9. JavaScript自学代码--(四)

    //JavaScript Window - 浏览器对象模型 window.document.getElementById("header"); //等价于 document.get ...

随机推荐

  1. dedecms 后台栏目添加图片

    前台调用栏目时需要显示图标,整理一下: 第一步:“系统->SQL命令工具” , 插入sql语句 alter table dede_arctype add typeimg varchar() 第二 ...

  2. iOS 自定义方法 - 不完整边框

    示例代码 ///////////////////////////OC.h////////////////////////// ////  UIView+FreeBorder.h//  BHBFreeB ...

  3. 敏捷转型历程 - Sprint4 回顾会

    我: Tech Leader 团队:团队成员分布在两个城市,我所在的城市包括我有4个成员,另外一个城市包括SM有7个成员.另外由于我们的BA离职了,我暂代IT 的PO 职位.PM和我在一个城市,但他不 ...

  4. centos7 安装时候检测不到空余硬盘的解决办法

    我是用U盘装的centos,在进行硬盘规划时,看到硬盘的可用空间太少 这是因为我的硬盘以前装的是windows系统,硬盘几乎都已经被windows 操作系统给使用了,剩余空间也只会是windows用剩 ...

  5. 【一起学OpenFoam】01 OpenFoam的优势

    CFD技术发展到今天,已经超过了大半个世纪了,已经涌现出非常多的CFD软件可供人们使用.通用商业CFD软件譬如Fluent.CFX.Star CCM+等在工业上得到了广泛的应用,另外一些专用的软件(如 ...

  6. 什么是英特尔® Edison 模块?

    英特尔® Edison 模块 是一种 SD 卡大小的微型计算芯片,专为构建物联网 (IoT) 和可穿戴计算产品而设计. Edison 模块内含一个高速的双核处理单元.集成 Wi-Fi*.蓝牙* 低能耗 ...

  7. ubuntu安装mysql

    好记性不如烂笔头,记录一下,ubuntu安装mysql的指令. 安装MySQL: sudo apt-get install mysql-server sudo apt-get install mysq ...

  8. SurfaceView 绘制分形图

    之前一直做的是应用类,这次抽时间,参考网上资料实践了下SurfaceView.目标是在页面上画一个科赫曲线的分形图. 代码如下: package com.example.fredric.demo02; ...

  9. Nova PhoneGap框架 总结

    Nova PhoneGap Framework 是完全针对PhoneGap应用程序量身定做的,在这个框架下开发的应用程序很容易实现高质量的代码,很容易让程序拥有很好的性能和用户体验. 在经历了多个项目 ...

  10. 使用Nginx+Lua代理Hadoop HA

    一.Hadoop HA的Web页面访问 Hadoop开启HA后,会同时存在两个Master组件提供服务,其中正在使用的组件称为Active,另一个作为备份称为Standby,例如HDFS的NameNo ...