怎样用js实现点击<a>时制出现一个弹窗

JavaScript019

怎样用js实现点击<a>时制出现一个弹窗,第1张

为超链接添加onclick()动作,动作内容为弹出对话框。javascript提供了3种类型的对话框:

alert() : 提醒

confirm():确认,返回 true 或者 false

prompt():带输入的对话框

下面进行实例演示:

1、HTML结构

   <a href="#" onclick="fun1()">你有一个礼物</a><a href="#" onclick="fun2()">我要接收礼物</a><a href="#" onclick="fun3()">必须先对暗号</a>   

2、javascript代码

   function fun1(){    alert("你得到一个礼物!!")}function fun2(){    if(confirm("确定接收礼物?"))        alert("对一下暗号先...")}function fun3(){    var code = prompt("请对暗号:")    if(code)        alert("给你礼物!!")    else        alert("蒙人呢!")}   

可以直接用js自带的prompt方法。

定义和用法

prompt() 方法用于显示可提示用户进行输入的对话框。

语法

prompt(text,defaultText)

参数

text    可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。  

defaultText    可选。默认的输入文本。  

说明

如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。

在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

简单的例子,仅供参考:

<body>

<input type="text" id="clock" size="35" />

<script language=javascript>

    var int=self.setInterval("clock()",50)

    function clock()

      {

      var t=new Date()

      document.getElementById("clock").value=t

      }

    </script>

    </form>

    <button onclick="int=window.clearInterval(int)">

    Stop interval</button>

</body>

js中点击一个按钮弹出一个file文件框的步骤如下:

1.在文件夹中创建一个html文件“test”。

2.在test文件中添加一个html的框架。

3.添加两个input,一个是button,一个是file把id设置为“open”style类型设置为“display:none”不显示。

4.打开后我们发现只显示这一个“打开文件”按钮。

5.现在我们给button添加onclick事件,调用openfile触发id为“open”的file。

6.现在我们在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框了。这样就解决了js中点击一个按钮弹出一个file文件框的问题了。