js弹窗 点击一个按钮弹出这个框怎么做 点击按钮弹出一个div，再点击按钮或点击其他区域关闭该div...

js\u4e2d\u5982\u4f55\u70b9\u51fb\u4e00\u4e2a\u6309\u94ae\u5f39\u51fa\u4e00\u4e2afile\u6587\u4ef6\u6846

js\u4e2d\u70b9\u51fb\u4e00\u4e2a\u6309\u94ae\u5f39\u51fa\u4e00\u4e2afile\u6587\u4ef6\u6846\u7684\u6b65\u9aa4\u5982\u4e0b\uff1a

1.\u5728\u6587\u4ef6\u5939\u4e2d\u521b\u5efa\u4e00\u4e2ahtml\u6587\u4ef6\u201ctest\u201d\u3002

2.\u5728test\u6587\u4ef6\u4e2d\u6dfb\u52a0\u4e00\u4e2ahtml\u7684\u6846\u67b6\u3002

3.\u6dfb\u52a0\u4e24\u4e2ainput\uff0c\u4e00\u4e2a\u662fbutton\uff0c\u4e00\u4e2a\u662ffile\u628aid\u8bbe\u7f6e\u4e3a\u201copen\u201dstyle\u7c7b\u578b\u8bbe\u7f6e\u4e3a\u201cdisplay:none\u201d\u4e0d\u663e\u793a\u3002

4.\u6253\u5f00\u540e\u6211\u4eec\u53d1\u73b0\u53ea\u663e\u793a\u8fd9\u4e00\u4e2a\u201c\u6253\u5f00\u6587\u4ef6\u201d\u6309\u94ae\u3002

5.\u73b0\u5728\u6211\u4eec\u7ed9button\u6dfb\u52a0onclick\u4e8b\u4ef6\uff0c\u8c03\u7528openfile\u89e6\u53d1id\u4e3a\u201copen\u201d\u7684file\u3002

6.\u73b0\u5728\u6211\u4eec\u5728\u6d4f\u89c8\u5668\u4e2d\u70b9\u51fb\u201c\u6253\u5f00\u6587\u4ef6\u201d\u6587\u4ef6\u6309\u94ae\u5c31\u4f1a\u5f39\u51fa\u9009\u62e9\u6587\u4ef6\u8def\u5f84\u5bf9\u8bdd\u6846\u4e86\u3002\u8fd9\u6837\u5c31\u89e3\u51b3\u4e86js\u4e2d\u70b9\u51fb\u4e00\u4e2a\u6309\u94ae\u5f39\u51fa\u4e00\u4e2afile\u6587\u4ef6\u6846\u7684\u95ee\u9898\u4e86\u3002

var \u6309\u94ae=document...;
var div=document....;

//\u70b9\u51fb\u6309\u94ae\u5f39\u51fadiv \u5728\u70b9\u51fb\u6309\u94ae\u5173\u95ed\u8be5div
\u6309\u94ae.onclick=function()
{
if(div.style.display=="none")
{
div.style.display="block";
}
else
{
div.style.display="none";
}
}

//\u70b9\u51fb\u5176\u4ed6\u5730\u65b9\u5173\u95eddiv
document.onclick=function()
{
div.style.display="none";
}

//\u4e3a\u4e86\u9632\u6b62\u70b9\u51fbdiv \u4e5f\u5173\u95eddiv \u6240\u4ee5\u8fd9\u91cc\u8981\u9632\u6b62\u5192\u6ce1
div.onclick=function()
{
return false;
}

\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9

写一个遮罩层，这个遮罩层里写上需要弹出的东西，然后把遮罩层隐藏掉，当点击某个按钮时，遮罩层弹出就行了

扩展阅读：点击打开发布页 ... js 跳转 ... js点击链接跳转新页面 ... js弹窗确定和取消 ... 点击打开网页 ... js弹出一个悬浮页面 ... js按钮跳转页面 ... js 点击切换显示和隐藏 ... js实现点击按钮弹出弹窗 ...