JavaScript写的一个自定义弹出式对话框代码写的一个自定义弹出式对话框代码
最近闲来无事，用js自己做了一个弹出式对话框，需要应用弹出式对话框的朋友可以参考下。
下图是我的设计思路
下面是具体的js代码
1，首先定义几个自定义函数
代码
复制代码 代码如下:
//判断是否为数组
function isArray(v)
{
return v && typeof v.length == 'number' && typeof v.splice == 'function';
}
//创建元素
function createEle(tagName)
{
return document.createElement(tagName);
}
//在body中添加子元素
function appChild(eleName)
{
return document.body.appendChild(eleName);
}
//从body中移除子元素
function remChild(eleName)
{
return document.body.removeChild(eleName);
}
2，具体的窗体实现代码
代码
复制代码 代码如下:
//弹出窗口，标题（html形式）、html、宽度、高度、是否为模式对话框(true,false)、按钮（关闭按钮为默认，格式为['按钮
1',fun1,'按钮2',fun2]数组形式，前面为按钮值，后面为按钮onclick事件）
function showWindow(title,html,width,height,modal,buttons)
评论0