javascript提示框的简单介绍

使用javascript获取当前年份并且使用对话框弹出。

第一种：alert()方法

alert()方法是这三种对话框中最容易使用的一种，她可以用来简单而明了地将alert()括号内的文本信息显示在对话框中，我们将它称为警示对话框，要显示的信息放置在括号内。

该对话框上包含一个“确认”按钮，用户阅读完所显示的信息后，只需单击该按钮就可以关闭对话框。下面来看一个使用alert()方法的例子，代码如下所示：

html

head

title编写html页面/title

script language="javascript" //JavaScript脚本标注

alert("上联：山石岩下古木枯");//在页面上弹出上联

alert("下联：白水泉边少女妙");//在页面上弹出下联

/script

/head

/html

第二种：confirm()方法

confirm()方法与alert()方法的使用十分类似，不同点是在该种对话框上除了包含一个“确认”按钮外，还有一个“取消”按钮。

这种对话框称为确认对话框，在调用window对象的confirm()方法以及后面介绍的prompt()方法时也可以不写window。下面来看一个关于confirm()的小例子，代码如下所示：

html

head

title编写html页面/title

script language="javascript" //js脚本标注

confirm("上联：一旦重泥拦子路；下联：两岸夫子笑颜回"); //在页面上弹出确认对话框

/script

/head

/html

第三种： prompt()方法

alert()方法和confirm()方法的使用十分类似，都是仅仅显示已有的信息，但用户不能输入自己的信息，但是prompt()可以做到这点，她不但可以显示信息，而且还提供了一个文本框要求用户使用键盘输入自己的信息。

同时她还包含“确认”或“取消”两个按钮，如果用户“确认”按钮，则prompt()方法返回用户在文本框中输入的内容（是字符串类型)或者初始值(如果用户没有输入信息)。

如果用户单击“取消”按钮，则prompt()方法返回null，我们称这种对话框为提示框，在这三种对话框中，她的交互性最好。

看下面一个小例子：在页面上两次弹出提示对话框，使用户能输入有关信息，代码如下： 

html

head

title编写html页面/title

script language="javascript" //js脚本标注

var name,age;

name=prompt("请问你叫什么名字?"); /*在页面上弹出提示对话框，

将用户输入的结果赋给变量name*/

alert(name); //输出用户输入的信息

age=prompt("你今年多大了?","请在这里输入年龄"); /*在页面上再一次弹出提示对话框，

讲用户输入的信息赋给变量age*/

alert(age)//输出用户输入的信息

/script

/head

/html

扩展资料：

警告框alert()：

alert是警告框，只有一个按钮“确定”无返回值，警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。语法：alert("文本")。

确认框confirm()：

confirm是确认框，两个按钮，确定或者取消，返回true或false。确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。语法：confirm("文本")

提示框prompt()：

prompt是提示框，返回输入的消息，或者其默认值提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。语法：prompt("文本","默认值")

相关问答

Q1: 请问高手，JavaScript中如何出现一个浮在文字上面的提示框？

简单的话，直接价格title属性就可以了，比如

。如果想定义这个提示框的样式，可以定义个div将他的position设为absolute，display为none。然后给文字定义鼠标在上面的事件onmouseover在事件里将display设为block。再加上鼠标离开时的事件onmouseout，在事件里是display为none。

Q2: javascript提示框如何写标题

在你的form上加触发事件，button上a()去掉。

form onsubmit="return a();"

/form

javascript:

script language="javascript"

function a() {

if(document.form1.tit.value == '' || document.form1.tit.value == null)

{

alert("标题不能为空");

return false;

}

else

return true;

}

/script

Q3: 在JavaScript里面如何让消息弹出消息提示框？

可以用promtp消息提示框，返回的类型是字符型，要注意返回的类型哦

Q4: 编写一个JavaScript程序，在页面关闭时，弹出一个提示框？

这个主要就是监听页面的unload事件，但是这个事件有些特殊，主动调用alert之类的方法可能不会显示，而且还跟浏览器版本有关系。

window.onbeforeunload = function(event){

return '您可能有数据没有保存';

};

Q5: an下载后弹出javascript错误为什么

原因分析如下：

一、一般在什么情况下容易弹出javascripterror提示框

1、从网上采集到的文章，但在前台打开后，就出现这个错误框！

2、图片内容页的幻灯片不播放，点播放就出现JAVA错误！

3、只在频道首页、栏目列表页和内容页有这样的错误！

4、从其它网站复制粘贴过来的图片文章经常出现这样的错误！

5、新添加频道和栏目之后，容易出现这样的错误！

6、调用自定义函数标签时出现Javascript错误！

7、修改模板把搜索按钮改成图片后提示：javascripterror

8、在模板中加入了JS调用代码，而JS文件并没有上传也会出现这个错误！

二、出现javascripterror提示框原因分析及解决方法

1、由于新安装好的网站或者新添加的频道或栏目，有些系统必需的JS文件并没有真正生成，这时添加文章在前台会出错，所以要在后台相应的频道中点击“刷新所有的JS”、“刷新专题JS文件”、“刷新栏目JS文件”；有些人以为，我没有添加专题就不用刷新专题JS了吧？错！必须也要刷新才行。

2、一般是修改模板时，JS调用代码多了或者少了就会出现这个讨厌的框。比如：模板中存在过期的广告调用JS调用代码，删除后即正常。还有的是因为模板中缺少了以下三个JS中的某一个而引起的错误：

3、有些是从其他网站复制过来的文章的js错误导致的。建议复制文章后放在记事本中过滤一下JS代码。或者修改出现错误的那篇文章，在源码状态下，查找并删除图片文章中包含的错误代码。

4、缺少相应的函数，所以调用时就一直显示错误。有的朋友以前在修改模板时，把官方默认的一些代码(如：图片无级缩放代码等)给删除了，结果也会出现JS错误。所以，动易后来把这些代码改成了删除后自动添加的，其目的就是减少JS错误。

5、常常是由于js文件没有上传成功或者你的浏览器版本过低或者限制过多造成的，从以上几个方面多检查一下或许能解决问题。

6、有些是传递的参数设定有问题。比如(('{$ArticleID}'))不需要加这么多的外包围。

只需要用{$ArticleID}就可以了！

7、在建立栏目或专题时，名称中包含了半角引号等非法字符而导致JS脚本错误，纠正之后即可解决。

8、采集项目如果过滤设置不正确，致使采集过来的一些文章JS脚本没有被过滤，也会出错。请重新设置采集过滤选项。