`
tomgooityeeee
  • 浏览: 73509 次
文章分类
社区版块
存档分类
最新评论

JavaScript中三个弹出窗口

阅读更多

    Alert<br>弹出一个窗口,上面只有OK按钮。

最基本的使用方法是:<br>window.alert(string);<br>或者直接:<br>alert(string);<br>传入的参数可以是变量也可以是表达式的结果,下面的都是合法的:<br>alert("Hi there from JavaScript! ");<br>alert("Hi "+username+" from Javascript");<br>var messageString = "Hi again!";<br>alert(messageString);<br>使用Alert可以进行JS脚本的调试,输出必要的信息,查看执行结果,查看执行顺序等等。

Confirm<br>弹出一个窗口,可以点击OK或者CANCEL按钮。尽管有时候YES和NO更适合我们的需求,但是不幸的是,如果直接使用Confirm,无法改变这两个字符串。

最基本的使用方法是:<br>window.confirm(string);<br>或者直接:<br>confirm(string);<br>confirm返回的是一个Boolean型结果,判断用户是否对信息进行确认。如果点击OK,返回true,点击CANCEL,返回false。<br>例如下面代码:<br>if (confirm("Do you want ketchup on that?"))<br> alert("Pour it on!");<br>else<br> alert("Hold the ketchup.");

Prompts<br>弹出一个窗口,用户可以输入数据,然后点击OK按钮,或者CANCEL按钮。

prompt有两个参数,一个是显示的文本,一个是默认的输入数据。<br>最基本的使用方法:<br>resultvalue = window.prompt(prompt string, default value string);<br>也可以只输入一个参数:<br>result = prompt("What is your favorite color?"); <br>但是这样做会有一个问题,每种浏览器的设定不同,导致默认输入的文本不一定为空。所以建议使用两个参数:<br>result = prompt("What is your favorite color?","");<br>如果用户点击了CANCEL,或者直接关闭窗口,返回null;否则,将返回一个字符串。如果需要得到其它类型数据,则要使用parseInt()或者类似方法自行进行转换。<br>示例代码:<br>var question = prompt("What is your question o' seeker of knowledge?","")<br>if (question != null)<br>{ <br> if (question == "")<br> alert("At least you could ask a question.");<br> else<br> alert("You thought I'd waste my time on your silly questions?");<br>}

 
0
0
分享到:
评论

相关推荐

    JAVASCRIPT弹出窗口大总结

    ### JavaScript弹出窗口知识点总结 #### 一、概述 JavaScript是一种广泛使用的脚本语言,它在前端开发中占据着极其重要的地位。通过JavaScript,开发者可以实现网页与用户的交互功能,其中弹出窗口就是一种常见的...

    javascript 弹出窗口

    在JavaScript编程中,弹出窗口是一种常见的用户交互...在实际应用中,开发者需要结合HTML、CSS和JavaScript三者来创建和控制自定义弹出窗口,从而实现更丰富的交互效果。而压缩包中的文件正是这样一种实现方式的实例。

    JS 弹出窗口 javascript

    三、弹出窗口的最佳实践 1. 适度使用:过多的弹出窗口可能打扰用户体验,因此应谨慎选择何时弹出对话框。 2. 明确信息:确保弹出窗口传达的信息清晰,避免用户困惑。 3. 提供反馈:当用户与对话框交互时,给予视觉...

    javascript+asp弹出窗口.docx

    本文将详细讲解 javascript 弹出窗口技术,包括基本弹出窗口代码、函数控制弹出窗口、同时弹出多个窗口、主窗口打开文件同时弹出小窗口、弹出的窗口定时关闭控制、在弹出窗口中加上一个关闭按钮、内包含的弹出窗口、...

    javascript 实现弹出小窗口

    - **核心知识点**:通过 JavaScript 代码创建一个新窗口或弹出窗口,并能够控制其大小、位置以及各种浏览器工具栏的显示与隐藏等属性。 #### 标签:弹出小窗口 - **关键词提取**:此标签表明文章的主题是围绕“弹出...

    javascript操作DIV总结(弹出窗口篇)

    本篇将聚焦于JavaScript如何操作DIV,特别是弹出窗口的相关应用。 一、基本的JavaScript与DIV操作 1. 获取DOM元素:在JavaScript中,我们通常使用`document.getElementById()`,`document.querySelector()`或`...

    自定义弹出窗口

    5. 弹出窗口的类型:根据描述,这个弹出窗口特别强调“可编辑”,这意味着它可能包含一个或多个输入字段,让用户输入信息。这可能涉及到文本输入、密码输入、多行文本编辑(`&lt;textarea&gt;`)、日期选择器等。 6. 用户...

    javascript弹出窗口

    - **参数**:`message` 表示显示在弹出对话框中的文本。 - **返回值**:该函数没有返回值。 **示例代码**: ```javascript alert("这是一个警告框"); ``` **应用场景**:通常用于提示用户注意一些信息,如错误...

    关于JavaScript弹出窗口详解

    在JavaScript中,弹出窗口是一种常见的交互方式,它能够以新的浏览器窗口展示内容,如广告、提示信息或外部链接。本文将深入探讨JavaScript弹出窗口的实现方法和各种自定义选项。 首先,最基本的弹出窗口代码使用`...

    javascript经典特效---弹出窗口始终一个.rar

    在JavaScript编程中,弹出窗口是一种常见的用户交互方式,它能够提供额外的信息或者接收用户的输入。这个"javascript经典特效---弹出窗口始终一个.rar"压缩包文件似乎包含了一个关于如何让弹出窗口始终保持在最前端...

    制作Javascript弹出窗口技巧九则

    可以在一个页面加载时自动打开另一个弹出窗口。例如,在`1.htm`页面加载时自动打开`page.html`: ```html &lt;script language="javascript"&gt; &lt;!-- function openwin() { window.open("page.html", "", "width=200...

    javascript经典特效---弹出窗口(一).rar

    首先,JavaScript提供了三种基本的弹出窗口方法: 1. `alert()`:这是一个最简单的弹出窗口,通常显示一条警告信息,并包含一个“确定”按钮。用户点击后关闭窗口,程序继续执行。例如: ```javascript alert("这...

    javascript 控制弹出窗口.docx

    其次,为了自定义弹出窗口的外观和行为,可以在`window.open()`的第三个参数中添加更多的属性。例如,设置窗口的高度、宽度、位置以及是否显示工具栏、菜单栏等: ```javascript &lt;script LANGUAGE="javascript"&gt; &lt;!...

    将弹出窗口切换至最大.txt

    通过上述分析可以看出,利用JavaScript中的`self.moveTo()`、`self.resizeTo()`和`self.focus()`方法,可以轻松地实现将弹出窗口调整为全屏显示的功能。这对于提高用户体验和展示效果具有重要意义。同时,还需要注意...

    手机页面弹出窗口

    7. **嵌套弹出层**:在某些复杂场景下,我们可能需要在一个弹出窗口内再打开另一个弹出窗口,`layer`支持这种嵌套使用,只需正常调用`layer.open()`即可。 8. **关闭与销毁**:通过`layer.close(index)`方法可以...

    JavaScript弹出窗口方法汇总_.docx

    三、JavaScript 弹出窗口代码 window.open() 方法是 JavaScript 中最常用的弹出窗口方法。该方法支持多种参数,用于控制弹出窗口的样式和行为。基本语法为: window.open(pageURL, name, parameters) 其中,...

    弹出窗口互相传值范例

    3. **ViewState**:在当前页面的ViewState中存储值,然后在新弹出窗口中通过Page的ViewState获取。但请注意,ViewState只适用于同一页面生命周期内的通信。 4. **HiddenField**:在父窗口中创建一个隐藏字段,设置...

    css3带阴影弹出窗口.zip

    在描述中提到,这个弹出窗口是基于CSS3和jQuery实现的。jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的DOM操作、事件处理以及动画效果。通过结合CSS3和jQuery,开发者可以创建动态且响应式的用户界面,...

    js 弹出页面+弹出窗口

    在JavaScript(JS)中,弹出页面和弹出窗口是两种常见的用户交互方式,它们能够提供额外的信息或者增强用户体验。本文将深入探讨如何利用JS实现这两种功能。 首先,"弹出页面"通常指的是在一个新浏览器窗口中打开一...

Global site tag (gtag.js) - Google Analytics