JavaScript FAQ(七)——对话框

 五、对话框

 

1. 警告(Alert

Q:我如何从JavaScript产生警告信息?

A:要产生警告信息,可以使用alert()方法:

 

alert('Message goes here');

上面的按钮由下面的代码创建:

<form name=myform>
<input type=button value="Try it now"
onClick="alert('Hello from JavaScript!')">
</form>

2. 确认对话框(Confirm Dialog

Q:我如何通过JavaScript生成一个“确认/退出”对话框?

A:要生成“确认/退出”对话框,可以使用confirm()方法:

 

if (confirm("Your question)) {
 // do things if OK
}

 

上面的按钮由一下代码创建:

<form name=myform>
<input type=button value="Try it now"
onClick="if(confirm('Format the hard disk?'))
alert('You are very brave!');
else alert('A wise decision!')">
</form>

3. 提示输入对话框(Prompt

Q:我如何通过JavaScript生成一个提示用户输入对话框?

A:可以使用prompt()方法生成提示用户输入的对话框: 

prompt('Prompt text','Suggested input')

 

上面的按钮由下面的代码创建:

<form name=myform>
<input type=button value="Try it now"
onClick="f=prompt('Enter your name','Name');
alert('Hello '+f+'!')">
</form>

4. 退出的提示输入对话框(Canceled prompt

Q:如何用户点击了退出按钮,那么prompt()将会返回什么值呢?

A:被退出的prompt()的返回值和浏览器有关。一些浏览器返回是null,而另外一些返回是空字符串''。因此,在调用prompt()时可以使用下面的代码:

userInput = prompt('Prompt text','Suggested input');
if (userInput != '' && userInput != null) {
 // do something with the input
}

5. 查找对话框(Find Dialog

Q:在JavaScript中如何调用浏览器的查找对话框?

A:在Netscape Navigator 4.0或者更新的浏览中可以使用window.find()调用其查找对话框。点击试试:

这里例子的代码是:

<form>
<input type=button value="Find (Netscape only)"
onClick="if (navigator.appName=='Netscape'
&& parseInt(navigator.appVersion)>3) window.find();
else alert('Your browser does not support /'window.find()/'!')
">
</form>

Internet Explorer不支持window.find()。不过在Internet Explorer和Netscape Navigator中都可以使用脚本查找文本,参见搜索文本

 

6. 书签:添加到收藏夹(Bookmarks: Add Favorite

Q:我如何调用浏览器的添加到收藏夹对话框?

A:在Internet Explorer 4.0或者更新版本浏览器中,你可以通过window.external.AddFavorite调用浏览器“添加到收藏夹”对话框:

window.external.AddFavorite('URL','bookmark text').
Netscape Navigator没有类似的方法(或者说在根本就没有“添加到收藏夹”)。所以,你的脚本只能提示Netscape用户使用Navigator菜单或者快捷键创建书签(参见下面的例子):

示例:在Internet Explorer中,脚本创建的链接会打开“添加到收藏夹”对话框。在Netscape中,脚本会提示用户点击“Bookmarks” | “Add bookmark”或者按Ctrl-D来创建一个书签。

 

示例的源代码是:

if (navigator.appName=="Netscape") {
 document.write (
   'To bookmark this site, click '
  +'<b>Bookmarks | Add bookmark</b> '
  +'or press <b>Ctrl+D</b>.'
 )
}
else if (parseInt(navigator.appVersion)>3) {
 document.write (''
  +'<a onMouseOver="self.status=/'Bookmark this site/'" '
  +' onMouseOut="self.status=/'/'" '
  +' href="javascript:window.external.AddFavorite'
  +'(/'http://www.JavaScripter.net/faq//','
  +'/'JavaScripter.net FAQ/')">'
  +'Click here to bookmark this site</a>.'
 )
}
时间: 2024-09-21 13:33:00

JavaScript FAQ(七)——对话框的相关文章

JavaScript FAQ(四)——导航功能增强

 二.导航功能增强   1. 下拉菜单中的链接(Links in Select Menu) Q:我如何实现在下拉菜单中链接到不同的页面? A:要创建一个所示的下拉菜单:选择一个页面JavaScript FAQNumbersStringsNavigationColorsJavaScripter.net 你可以使用下面的代码: <form> <select onChange="if(this.selectedIndex!=0) self.location=this.options[

JavaScript弹出对话框的三种方式_javascript技巧

学习过js的小伙伴会发现,我们在一些实例中用到了alert()方法.prompt()方法.prompt()方法,他们都是在屏幕上弹出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性更精彩,实际上我们经常会在进行网页浏览时简单这种类型的对话框,在用户与应用程序进行双向交流时,经常要用到对话框. javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行

JavaScript FAQ(一)—— 常见问题(一)

        今天在网上看到了一份很不错的JavaScript FAQ,由于担心自己并不能一直把它读完,所以就尝试翻译一些内容,和朋友们一起分享.        FAQ原地址:http://www.javascripter.net/faq/index.htm        一.常见问题        1.关于这个FAQ(About this FAQ)        Q:为什么要使用这个FAQ?        A:这个FAQ的目的是帮助你开发强壮的客户端脚本,它不但可以运行在Netscape N

JavaScript FAQ(二十五 完)—— 错误处理

二十二.错误处理   1.禁止JS错误(Suppress JS Errors) Q:我是否可以禁止JavaScript错误信息? A:可以.要禁止页面上所有的JavaScript错误信息,你要把下面一段代码放在页面的HEAD部分: <SCRIPT language="JavaScript"> <!-- function silentErrorHandler() {return true;} window.onerror=silentErrorHandler; //--

JavaScript FAQ(九)——Ajax

 七.Ajax问题   1. Ajax:异步JavaScript和XML(Ajax: Asynchronous JavaScript and XML) Q:Ajax这个流行词到底是什么意思呀? A:Ajax这个短语最初有Jesse James Garrett提出,他是Adaptive Path的共同创始人.缩略语Ajax(通常只有第一个字母A大写)代表异步JavaScript和XML(Asynchronous JavaScript and XML):从本质上说,它是一个营销短语,意思是可以开发一

JavaScript自定义模式对话框

javascript|对话框 <script language=javascript>        function openDialogWin()        {            var result = window.showModalDialog("ShowMessage.aspx","","dialogHeight:160px; dialogWidth:300px; status:no; help:no; scroll:no&

使用javascript打开模态对话框

1. 标准的方法 <script type="text/javascript"> function openWin(src, width, height, showScroll){ window.showModalDialog (src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHeight:"+height+";scrol

javascript showModalDialog模态对话框使用说明_javascript技巧

1. 标准的方法 复制代码 代码如下: <script type="text/javascript"> function openWin(src, width, height, showScroll){ window.showModalDialog (src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHeight:"+height+&

利用javascript打开模态对话框(示例代码)_javascript技巧

1. 标准的方法 复制代码 代码如下: <script type="text/javascript">   function openWin(src, width, height, showScroll){   window.showModalDialog (src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHeight:"+heig