透過Javascript建立一個選擇檔案的對話框程式碼_javascript技巧

CSS 樣式:

複製程式碼 程式碼如下：

DIV.neat-loglog-cont {diaat- 🎜>Z 指數：98；背景：無透明滾動重複0% 0%；左：0 像素；寬度：100%；位置：絕對；上：0 像素；高度：100%
}
DIV. neat-dialog-bg {
Z-INDEX：-1;濾鏡：alpha（不透明度=70）；左：0 像素；寬度：100%；位置：絕對；頂部：0 像素；高度：100% ；背景顏色：#eee；不透明度：0.7；
}
DIV.neat-dialog {
右邊框：#555 1px 實心；頂部邊框：#555 1px 實心；Z 指數：99；剩餘邊距：35%；左邊框：#555 1px 實心；寬度：300 像素；右邊距：自動；
邊框底部：#555 1px 實心；位置：相對；頂部：25%；背景顏色：#fff
}
DIV.neat-dialog-title {
PADDING-RIGHT：0.3em；左內邊距：0.3em；字體大小：1em；底部填充：0.1em；邊距：0 像素；線高：1.2em；頂部填充：0.1em；邊框底部：#444
1px 實心；位置：相對；背景：#36C；顏色：白色；
}
DIV.neat-dialog P {
PADDING-RIGHT：0.2em；左內邊距：0.2em；底部填充：0.2em；頂部填充：0.2em; TEXT-ALIGN: center
}

Javascript 代碼：

複製程式碼 程式碼如下：

//開啟彈窗
function f {
var sHTML = '

< ;/p>'
'

'
'取消

';
new NeatDialog(sHTML, "請選擇Excel文件！ ");
}
//關閉並移除彈窗
NeatDialog.prototype.close = function () {
if (this.elt) {
this.elt.style. display = "沒有任何」;
this.elt.parentNode.removeChild(this.elt);
}
window.neatDialog = null;
}
//建立彈窗
function NeatDialog(sHTML, sTitle) {
window.neatDialog = null;
this.elt = null;
if (document.createElement && document.getElementById) {
("div");
dg.className = "neat-dialog";
if (sTitle)
sHTML = '

' sTitle '

n' sHTML;
dg.innerHTML = sHTML;
var dbg = document.createElement("div");
dbg.id = "nd-bdg";
dbg.className = " neat-dialog-bg";
var dgc = document.createElement("div");
dgc.className = "neat-dialog-cont";
dgc.appendChild(dbg);
dgc.appendChild(dg);
if (document.body.offsetLeft > 0) {
dgc.style.marginLeft = document.body.body.offsetLeft > 0) {
dgc.style.marginLeft = document.body.bodyoffsetLeft "px";
}
document.bodyoff. appendChild(dgc);
this.elt = dgc;
window.neatDialog = this;
}
}

效果：