javascript点击按钮弹出对话框_如何用JS点击超链接弹出对话框

1. javascript点击按钮弹出文本框,用户可输入

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

定义和用法

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

语法

prompt(text,defaultText)

参数

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

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

说明

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

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

简单的例子，仅供参考：

<body>
<inputtype="text"id="clock"size="35"/>
<scriptlanguage=javascript>
varint=self.setInterval("clock()",50)
functionclock()
{
vart=newDate()
document.getElementById("clock").value=t
}
</script>
</form>
<buttononclick="int=window.clearInterval(int)">
Stopinterval</button>

</body>

2. 如何用JS弹出“有输入框并带有是、否、取消按钮”的对话框。

具体代码如下：

<html>

<head>

function disp_prompt()

{

var name=prompt("请输入您的名字","小贾")

if (name!=null && name!="")

{

document.write("你好，" + name + "！今天过得好吗？")

}

</script>

</head>

<body>

</body>

</html>

(2)javascript点击按钮弹出对话框扩展阅读：

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

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

3. 如何用JS点击超链接弹出对话框

1、在抄body里面布局，把对话框的大致结构写出来。

4. js或者jq点击按钮弹出一个对话框里面有input,填写后返回页面显示填写的内容，在线等

具体代码如下：

<html>

<head>

function disp_prompt()

{

var name=prompt("请输入您的名字","小贾")

if (name!=null && name!="")

{

document.write("你好，" + name + "！今天过得好吗？")

}

</script>

</head>

<body>

</body>

</html>

注意事项：

JS是javascript的缩写，是一种用于web开发的脚本代码。打开任何网页，右键点击查看源代码，开始是javascript代码JQ是JQuery的缩写，是将一些强大的JS代码写进一个文件中，可以通过参考JQ实现更简单方便的JS使用。

(4)javascript点击按钮弹出对话框扩展阅读：

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

如果用户单击提示框上的cancel按钮，则返回null。如果用户单击ok按钮，则返回当前显示在输入字段中的文本。

5. javascript弹出是否对话框

点击弹出：首先你得有个按钮点是吧。
<input type="button" value="删除" onclick="del()" />
onclick就是给按钮添加个点击事件，当这个按钮被点击的时候就会调用js的del（）方法
JS里面写如下方法：
function del(){
window.confirm("你确定删除此记录吗？不可恢复哦！")
}
就达到楼主想要的效果了
这个方法返回个boolean值，你可以做些判断，例如：
function del(){
var flag = window.confirm("你确定删除此记录吗？不可恢复哦！")
if(flag){
alert("执行删除的代码");
}
}

还有Jquery是基于JS的一个框架而已，把很多东西封装起来了，用起来简单快捷，但是JQuery能用的，JS肯定能做，JS能做的，Jquery不一定能做。

6. 如何再点击登录按钮后，弹出如图所示的对话框用JAVASCRIPT怎么实现

用摸态框（以下示例代码来自：菜鸟教程）。
<!DOCTYPE html>
<html>
<head>
<title>Foundation 实例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/foundation/5.5.3/css/foundation.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/foundation.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/vendor/modernizr.js"></script>
</head>

<body style="padding:20px;">

<div style="padding:20px;">
<h2>模态框</h2>
<p>模态框是一个显示在页面头部的弹窗。</p>
<button type="button" class="button" data-reveal-id="myModal">点我打开模态框</button>

<div id="myModal" class="reveal-modal" data-reveal>
<h2>Heading in Modal.</h2>
<p>Some text in the modal.</p>
<p>Some text in the modal.</p>
<a class="close-reveal-modal">×</a>
</div>
</div>

<script>
$(document).ready(function() {
$(document).foundation();
})
</script>

</body>
</html>

7. 请教高手 JS中如何点击一个按钮弹出文件框

你这个虽然能做是能做但是不简单。
点击某个按钮弹出file框到很简单
如
function a() {
document.getElementById('ff').click();
}
<div onclick="a()">bbbb</div>

<input type="file" id="ff" />

这个代码就可回以实现
但是虽然点击别处答激活 file 的点击事件弹出了选择要上传的操作框
但是你选择某个图片之后点击上传之后你会发现没有任何资源被上传
一般浏览器都会拒绝除了正常途径以外的其他任何方式给file 赋值说是为了安全。

要屏蔽这种限制的话只能在网络或谷歌里疯狂搜索了。

我之前为了想模拟 file 因为他太难看最后还是没解决。只好用了第三方插件
flash 上传的 ~ 建议你还是别在这里下功夫了 ~ 跟我一样会白费功夫

8. js实现点击一个按钮打开或关闭dialog对话框

<html>

<head></head>

<body>



    <button onclick=dakai()></button>

    <dialog id='dialog'>this is a dialog</dialog>

<script>

    var dakai=function(){

        var x=document.getElementById("dialog").open;

        console.log(x)

        if(x){

            document.getElementById("dialog").removeAttribute('open')

        }else{

            document.getElementById("dialog").setAttribute('open','open')

}

</script>

</body>

</html>

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

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

alert() : 提醒
confirm()：确认，返回 true 或者 false
prompt()：带输入的对话框

下面进行实例演示：

1、HTML结构

2、javascript代码

导航:首页 > 编程语言 > javascript点击按钮弹出对话框

javascript点击按钮弹出对话框

与javascript点击按钮弹出对话框相关的资料

友情链接