Cara mengubah gaya peringatan JS seperti warna latar belakang

Salin kode kode sebagai berikut:

Window.alert = function (str)

{{

var shield = document.createelement ("div");

shield.id = "shield";

shield.style.position = "absolute";

shield.style.left = "0px";

shield.style.top = "0px";

shield.style.width = "100%";

shield.style.height = document.body.scrollheight+"px";

// Warna latar belakang saat kotak dialog muncul

shield.style.background = "#fff";

shield.style.textAlign = "center";

shield.style.zindex = "25";

// latar belakang transparan IE valid

//shield.style.filter = "alpha (opacity = 0)";

var alertfram = document.createElement ("div");

alertfram.id = "Alertfram";

alertfram.style.position = "absolute";

alertfram.style.left = "50%";

alertfram.style.top = "50%";

alertfram.style.marginleft = "-225px";

alertfram.style.margintop = "-75px";

alertfram.style.width = "450px";

alertfram.style.height = "150px";

alertfram.style.background = "#ff0000";

alertfram.style.textAlign = "center";

alertfram.style.lineHeight = "150px";

alertfram.style.zindex = "300";

strhtml = "<ular gaya =" gaya: tidak ada;

strhtml += "Li style =" latar belakang:#dd828d; 1px solid #f9cade;/"> [prompt khusus] </li>/n";

Strhtml += "Li Style =" Latar Belakang: #FFF; /">"+str+"</li>/n";

Strhtml += "Li Style =/" Latar belakang: #FDEEF4; /"Tombol/" value =/"OK/" OnClick =/"dook ()/"/> </li>/n ";

strhtml += "</ul>/n";

alertfram.innerhtml = strhtml;

document.body.appendChild (alertfram);

Document.Body.AppendChild (SHIELD);

var adj = setInterval ("Doalpha ()", 5);

this.dook = function () {

alertfram.style.display = "none";

Shield.

}

alertfram.focus ();

document.body.onselectStart = function () {return false;};

}

Efeknya seperti yang ditunjukkan pada gambar