常见元素及其相关事件/创建弹出框

元素事件

body onload、onunload

input onfocus、onblur、onchange、onkeydown、onkeypress、onkeyup

form onsubmit

img onmouseover、onmouseout、onclick

创建弹出框

确认框

确认框被用来验证用户在网站上所做的选择。例如,如果你是web应用的开发者,而某个用户选择了删除他或她的用户帐号的话,则在允许用户继续提交请求之前对这一选择进行确认会是一个很好的考虑。

通常情况下,confirm函数会写在某个条件语句的内部,首先确认用户是否打算要继续所做的选择,接着,基于该决定来确定是否要执行JavaScript代码。下面的例子把confirm函数用在条件中,以此来确定要执行哪一段JavaScript代码:

  1. if(confirm("Click for a response"))  
  2. {  
  3. alert('You clicked OK');  
  4. }  
  5. else 
  6. {  
  7. alert('You clicked Cancel');  

提示框

在寻找一种快速的提出问题,并允许用户提供一个答案的方式时,不要找别的,提示框就最合适了。通常情况下,现在的web开发者都选择定制的内联弹出窗口。虽然是这样,但提示框依然存在,它们依然有着自己的一席之地,特别是在调试的时候。prompt函数被用来产生一个提示框,其有两个参数,第一个参数是一个自定义的文本串,这通常是一个问题或是提示用做出某种响应的陈述;第二个参数是一个文本串,其被用作显示在提示框中的缺省的输入文本。这一缺省值是可选的,且你可在运行时改变它。下面是一个prompt函数的列子,该函数被用来向用户提出一个问题,然后在一个警告框中显示用户的响应,显示用到的是从prompt函数中返回的值。

  1. var response=prompt("What is your favorite band?","Led Zeppelin");  
  2. if (response!=null && response!="")  
  3. {  
  4. alert("response: "+ response);  
posted @ 2015-12-24 16:40  zhenzonghui  阅读(454)  评论(0编辑  收藏  举报