`

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网页特效

    在JavaScript(JS)的帮助下,我们可以创建动态、响应式的登录弹出框,提升用户体验。本资源"登录弹出框JS网页特效"很可能是提供了一种实现这种效果的方法。 首先,我们来了解登录弹出框的基本构成。一个登录弹出框...

    js弹出框几种形式

    ### JS弹出框几种形式详解 在Web开发中,JavaScript(JS)的弹出框是与用户进行交互的重要方式之一,用于确认操作、提示信息或警告等场景。本文将详细介绍几种常见的JS弹出框实现方法,并结合部分代码示例进行解析...

    漂亮的js弹出框

    在JavaScript中,有几种常见的弹出框:`alert()`、`prompt()`和`confirm()`。这些内置函数简单易用,但样式单一,无法满足定制化需求。而"漂亮的js弹出框"则通过自定义代码实现了更加美观和功能丰富的弹出效果。 1....

    超级漂亮的js弹出框效果

    在实现“超级漂亮的js弹出框效果”时,有以下几个关键知识点: 1. **CSS样式**:弹出框的美观主要依赖于CSS。你可以定义背景色、边框、阴影、字体样式等,以创造出独特的视觉效果。使用CSS3的过渡(transition)和...

    弹出框插件

    在IT行业中,弹出框是一种常见的用户界面元素,用于向用户显示信息、确认操作或接收输入。本篇文章将深入探讨“弹出框插件”,特别是基于jQuery的alert弹出框插件,它以其美观性和易用性而受到开发者的欢迎。 首先...

    js很好的弹出框

    在本篇中,我们将深入探讨JavaScript中的几种常见弹出框及其使用方法。 1. `alert()`函数:这个是标题"js很好的弹出框"中提及的主要内容。`alert()`函数用于显示一个带有一条消息和一个确定按钮的警告对话框。它...

    js浮动弹出框特效jquery

    "js浮动弹出框特效jquery"是利用jQuery来实现的一种常见交互功能,它允许在用户与页面交互时动态显示信息或提示,而这种浮动弹出框通常被称为对话框或者模态窗口。 首先,让我们深入了解一下jQuery库。jQuery是由...

    jQuery右下角弹出框

    压缩包中的"JQuery右下角弹出框"可能包含HTML文件、CSS文件和JavaScript文件,它们共同协作实现了弹出框的显示和交互功能。HTML文件定义了弹出框的结构,CSS文件负责样式设计,而JavaScript文件则处理用户的交互逻辑...

    javascript模拟页面弹出框

    总结来说,JavaScript模拟页面弹出框是一种常见的Web开发技巧,利用`iframe`的特性可以实现高度定制化的弹出交互体验。通过学习“testPopuBox”这个示例,开发者可以深入理解这一技术,并将其应用于自己的项目中,...

    模拟弹出框

    在IT行业中,弹出框是一种常见的用户界面元素,它用于向用户提供信息、确认操作或接收用户的输入。在本文中,我们将深入探讨“模拟弹出框”这一主题,它旨在为用户提供更加美观且功能丰富的交互体验。 模拟弹出框...

    iframe弹出框遮罩父类页面

    实现iframe弹出框遮罩父类页面的关键在于以下几个步骤: 1. **创建iframe**:在子页面HTML中,我们需要创建一个`iframe`元素,并设置相应的属性,如`src`指向要加载的页面,`width`和`height`定义弹出框的大小,...

    jquery弹出框

    在本项目中,"jquery弹出框"指的是利用jQuery实现的一种交互式弹出层效果,类似于QQ聊天窗口中的弹出对话框。这种弹出层允许用户自定义关闭机制,并可以调整大小、改变位置,同时附带有遮罩效果,增强了用户体验。 ...

    js弹出框 好看

    JavaScript提供了几种内置的弹出框方法,包括`alert()`, `prompt()`, 和 `confirm()`。 1. **`alert()`** 方法:用于显示带有消息和一个“确定”按钮的警告对话框。例如: ```javascript alert("这是一个警告信息...

    弹出框,半透明

    在网页设计中,"弹出框"是一种常见的交互元素,用于向用户显示额外的信息或进行交互操作。"半透明边框"则是弹出框的一种视觉效果,它可以使弹出框内容与背景页面产生一定的融合,提升用户体验。在本案例中,"school....

    jquery右下角弹出框

    创建jQuery右下角弹出框涉及以下几个关键知识点: 1. **jQuery选择器与DOM操作**:首先,你需要在HTML中添加一个隐藏的弹出框元素,比如`&lt;div&gt;`,并为其设置CSS样式使其定位在页面右下角。jQuery的选择器可以用来...

    CSS3+HTML5 3D弹出框效果

    - **js**: 可能包含JavaScript代码,用于处理用户交互、弹出框的显示与隐藏,以及与CSS3动画的同步。 在实际项目中,开发者会根据需求调整这些元素和属性,以创造出独特且符合网站风格的3D弹出框效果。通过熟练掌握...

    使用JAVASCRIPT实现弹出框,过一段时间自动消失.txt

    在现代网页开发中,弹出框作为一种常见的交互设计,用于向用户展示重要的通知、消息或警告。通过使用JavaScript,我们可以实现一个弹出框,使其在显示一段时间后自动消失,为用户提供更好的体验,避免长时间占据屏幕...

    js弹出框选择器

    弹出框通常分为几种类型:警告框(alert)、确认框(confirm)和输入框(prompt)。然而,这里的"js弹出框选择器"显然超越了这些基本类型,它涉及到自定义的、具有更复杂功能的弹出窗口。这种弹出框通常包含一个左侧...

    WebUI编程资源--弹出框口

    在WebUI设计中,弹出框通常可以分为以下几种类型:警告对话框(Alert)、确认对话框(Confirmation)、信息提示框(Message)、输入框(Input Box)和下拉选择框(Dropdown Selection Box)。这些不同类型的弹出框各...

    点击按钮弹出框选择

    弹出框分为两种类型:模态和非模态。模态弹出框会在用户处理完弹出框内容之前阻止对主窗口的操作,而非模态弹出框则允许用户在弹出框和主窗口之间自由切换。 在“点击按钮弹出框选择”这一场景中,用户点击特定按钮...

Global site tag (gtag.js) - Google Analytics