js 弹出对话框3种方式

(2012-12-03 16:10:47)

标签：

it

javascript

js

弹出对话框3种方式对话框有三种

1：只是提醒，不能对脚本产生任何改变；

2：一般用于确认，返回 true 或者 false

，所以可以轻松用于 if...else...判断

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

下面我们分别演示：

@LANGUAGE="JAVASCRIPT"

CODEPAGE="936"%

对话框有三种

1：只是提醒，不能对脚本产生任何改变；

2：一般用于确认，返回 true 或者 false

，所以可以轻松用于

if

else

判断

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

下面我们分别演示：

演示一：提醒

对话框

name="Submit" value="提交"

type="submit">

演示二：确认对话框

name="Submit2" value="提交"

type="submit">

演示三：要求用户输入，然后给个结果

name="Submit3" value="提交"

type="submit">

======

首先我想先说两句我对javascript的一些看法，我希望大家认真的去学习这门编程语言，因为它给我们在开发网页时，会带来很多的惊

喜！javascript一般是运行在客户端的(client)，主要用于开发一些网页中的动态效果，其实它的用处还有很多，比如验证表单内容，以及现在

比较流行的ＡＪＡＸ应用．

　　今天主要写一下javascript中的弹出对话框：

　　第一种：alert("message")

第二种：confirm("message")

第三钟：prompt("message")

第四种：open("url")

第一种alert对话框是一个最简单，也是最常用的一个弹出对话框，通常用于提示信息，对话框包含一个按钮，单击对话框中的按钮将会关闭此对话框．

第二种confirm对话框返回的是一个布尔值，该对话框一般用于用户选择，该对话框包含两个按钮，一般一个是＂确认＂，另一个是＂取消＂,比如我们

在开发程序的时候，创建一个删除按钮，为了防止用户务操作，一般就会用到这个对话框：＂您确定删除吗？＂如果选择＂确定＂，执行删除，如果选择＂取消＂，

则返回，不做任何操作！

　　　第三种prompt对话框，主要用户获取用户输入的信息，比如，弹出一个对话框:

　　　prompt对话框包括两个按钮(＂确认＂和＂取消＂)和一个文本框，文本框用来获取用户输入的信息．

　　　第四种其实是一种用对话框的方式打开一个网页,open方法包含很多的参数，主要是用户设置浏览器的显示外观：

window.open("Webpage.asp?",Derek,"height=100,width=100,status=yes,toolbar=yes,

menubar=no,location=no");

此语句打开一个新窗口，页面为webpage.asp，参数为var，名字为Derek，高为100，宽为100，显示状态栏和工具条，不显示菜单和地址。

具体总结的各个属性参数如下：

window = object.open([URL ][, name ][, features ][,

replace]]]])

URL：新窗口的URL地址

name：新窗口的名称，可以为空

featurse：属性控制字符串，在此控制窗口的各种属性，属性之间以逗号隔开。

fullscreen= { yes/no/1/0 }

是否全屏，默认no

channelmode= { yes/no/1/0 }

是否显示频道栏，默认no

toolbar= { yes/no/1/0 }

是否显示工具条，默认no

location= { yes/no/1/0 }

是否显示地址栏，默认no

directories = { yes/no/1/0 }

是否显示转向按钮，默认no

status= { yes/no/1/0 }

是否显示窗口状态条，默认no

menubar= { yes/no/1/0 }

是否显示菜单，默认no

scrollbars= { yes/no/1/0 }

是否显示滚动条，默认yes

resizable= { yes/no/1/0 }

是否窗口可调整大小，默认no

width=number 窗口宽度(像素单位)

height=number 窗口高度(像素单位)

top=number 窗口离屏幕顶部距离(像素单位)

left=number 窗口离屏幕左边距离(像素单位)

分享：

喜欢

0

赠金笔

加载中，请稍候......

评论加载中，请稍候...

发评论

登录名： 密码： 找回密码 注册记住登录状态

昵   称：

评论并转载此博文

发评论

以上网友发言只代表其个人观点，不代表新浪网的观点或立场。