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

JavaScript09

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

具体代码如下:

<html>

<head>

<script type="text/javascript">

function disp_prompt()

{

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

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

{

document.write("你好," + name + "!今天过得好吗?")

}

}

</script>

</head>

<body>

<input type="button" onclick="disp_prompt()" value="显示一个提示框" />

</body>

</html>

注意事项:

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

扩展资料:

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

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

在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 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不一定能做。