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

JavaScript012

怎样用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文件框的问题了。