`

js几种弹出框

阅读更多

对话框有三种

1:只是提醒,不能对脚本产生任何改变;

2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断

3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片

下面我们分别演示:

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>三种弹出对话框的用法实例</title>
<script language="javascript">
function ale()
{//这个基本没有什么说的,就是弹出一个提醒的对话框
    alert("我敢保证,你现在用的是演示一");
}

function firm()
{//利用对话框返回的值 (true 或者 false)
    if(confirm("你确信要转去 天轰穿的博客?"))
    
{//如果是true ,那么就把页面转向thcjp.cnblogs.com
        location.href="http://thcjp.cnblogs.com";
    }

    
else
    
{//否则说明下了,赫赫
        alert("你按了取消,那就是返回false");
    }

}

function prom()
{
    
var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name ,
    //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
    if(name)//如果返回的有内容
    {
        alert(
"欢迎您:"+ name)
    }

}

</script>
</head>

<body>
<p>对话框有三种</p>
<p>1:只是提醒,不能对脚本产生任何改变;</p>
<p>2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断 </p>
<p>3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p>
<p>下面我们分别演示:</p>
<p>演示一:提醒 对话框</p>
<p>
  
<input type="submit" name="Submit" value="提交" onclick="ale()" />
</p>
<p>演示二 :确认对话框 </p>
<p>
  
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
</p>
<p>演示三 :要求用户输入,然后给个结果</p>
<p>
  
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</p>
</body>
</html>
分享到:
评论

相关推荐

    js弹出框几种形式

    js弹出框几种形式,自己封装了一下,可以看看..

    JS组件Bootstrap实现弹出框和提示框效果代码

    前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑。在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的...

    JS 弹出窗口收藏版(十几种类型源码案例)

    JS 各种弹出窗口收藏版(十几种类型的弹出框,都有案例),可以以DIV层弹出,可以弹出某个页面,还可以弹出某段HTML代码和外网链接。还可更换皮肤,还可遮盖页面,还可动态控制表单控件,几乎无所不能,想怎么弹出就...

    javascript实现删除前弹出确认框

    删除确认对话框的JS代码,有好几种写法,有简单的,有兼容好的,下面分别说几种方法,可根据自己需要选用

    jquery.DOMWindow弹出层与TAB切换实例汇总.rar

    jquery.DOMWindow弹出层与TAB切换实例汇总,jquery.DOMWindow.js是浮动弹出框的核心部件,本插件的弹出框有多种形式,比如...示例文件演示了这几种浮动层各自的调用方法,相信这些弹出框效果会给你的前端开发带去方便。

    9种js弹出动态窗口的 php代码

    几种jquery弹出动态窗口的代码和实例

    JavaScript弹出对话框的三种方式

    本文主要介绍了javascript中的三种弹出对话框,分别是alert&#40;&#41;方法,confirm&#40;&#41;方法,prompt&#40;&#41;方法,对javascript弹出对话框相关知识感兴趣的朋友一起学习吧

    通用FormValid1.0-js验证框架

    简介:完全通过html不需要写JS验证程序就可以实现表单验证功能,可支持一个表单元件多条件...加入十几种验证规则 加入自定义正则判断 加入自定义函数判断 加入将焦点移到第一个错误元件 0.2 加入自定义错误显示方式

    九种js弹出对话框的方法总结

    这是最基本的js弹出对话框,其实代码就几句非常简单: 代码如下:[removed] &lt;!– window.open (“page.html”) –&gt; [removed] 因为这是一段javascripts代码,所以它们应该放在[removed]标签和[removed]之间。&lt;...

    jquery.DOMWindow弹出层插件及实例汇总

    摘要:脚本资源,jQuery,DOMWindow,弹出层,浮动层 jquery.DOMWindow弹出层插件及实例汇总,jquery.DOMWindow.js是浮动弹出...示例文件演示了这几种浮动层各自的调用方法,相信这些弹出框效果会给你的前端开发带去方便。

    javascript函数的解释

    23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href="URL" 25.取出窗体中的所有表单的数量:document.forms.length 26.关闭文档的输出流:document.close(); 27.字符串追加连接符:+=...

    JS弹出居中的DIV的代码

    首先再次详细解释一下JS中窗口和网页的几种尺寸属性的含义 document.body.clientWidth(网页可见区域宽):是指浏览器显示网页的区域宽度,不包括浏览器的边框宽度和垂直滚动条的宽度。大小随着浏览器的窗口大小而...

    Jquery弹出层插件ThickBox的使用方法

    thickbox是jQuery的一个插件,其作用是弹出对话框、网页框,使用户体验度更加愉悦,下面就来简单介绍它的几种用法。 声明一下:这只是个人的总结记载而已。 准备工作:你需要三个文件:thickbox.js、thickbox.css、...

    107个常用javascript语句

    23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href="URL" 25.取出窗体中的所有表单的数量:document.forms.length 26.关闭文档的输出流:document.close(); 27.字符串追加连接符: =...

    VC 结合Java编程的实例.rar

    演示在JAVA和VC 之间互相传递消息,接收消息并以弹出框的形式显示,此为简单的例子,在一些大型项目中,多种语言混合编程是程序员必备的技能,一个程序员不可能只会一种编程语言,举几个简单的例子,一个软件为了...

    jquery特效大全

    jquery特效大全 里面有几十种特效任你选择 jQuery WIN 7透明弹窗效果 jquery表单分类搜索 jQuery滚动顶部定位导航 jQuery幻灯形式的Tab切换效果 jquery实现html5图片上传 jquery鼠标点击放大展开弹出框 jQuery网格...

    JQ封装弹窗练习

    JQ-封装弹窗【练习】

    dialog-polyfill:HTML对话框元素的Polyfill

    是网页中弹出框的元素,包括模式选项,该选项将使页面的其余部分在使用过程中保持惰性。 在阻止用户交互直到用户给您答复或确认操作之前,这可能很有用。 请参阅。 用法 安装 您可以选择通过NPM安装- $ npm ...

    可用于毕业设计包含源码-OA管理系统(源码)含源码.pdf

    个人办公模块中,包含以下几种小模块。 请假流程的审批稍微复杂。需要3级的流程审批,不同权限的角色登陆系统,如果点击到该模块中会弹出提示框提示谁要请假,然后逐级上报。需要每一级人员都同意才给予通过。 行政...

    JavaScript笔记

    弹出警告:alert&#40;‘字符串’&#41; 强调:1.js区分大小写 2.字符串单双引号不区分 [removed]标签:页面中专门集中编写JavaScript的区域 js的方法定义:function方法名([参数列表]){ 方法体 [return 返回值]...

Global site tag (gtag.js) - Google Analytics