Js 订制自己的AlertBox_javascript技巧_脚本之家

本文制作一个用户自定义的AlertBox,效果如图:js文件中插入如下代码:复制代码 代码如下:// JScript 文件 // constants
to define the title of the alert and button text. var ALERT_TITLE =
“Oops!”; var ALERT_BUTTON_TEXT = “Close”; // over-ride the alert
method only if this a newer browser. // Older browser will see standard
alerts if(document.getElementById) { window.alert = function {
createCustomAlert; } } function createCustomAlert { // shortcut
reference to the document object d = document; // if the modalContainer
object already exists in the DOM, bail out. if(d.getElementById return;
// create the modalContainer div as a child of the BODY element mObj =
d.getElementsByTagName[0].appendChild(d.createElement; mObj.id =
“modalContainer”; // make sure its as tall as it needs to be to overlay
all the content on the page mObj.style.height =
document.documentElement.scrollHeight + “px”; // create the DIV that
will be the alert alertObj = mObj.appendChild(d.createElement;
alertObj.id = “alertBox”; // MSIE doesnt treat position:fixed correctly,
so this compensates for positioning the alert if(d.all && !window.opera)
alertObj.style.top = document.documentElement.scrollTop + “px”; //
center the alert box alertObj.style.left =
(d.documentElement.scrollWidth – alertObj.offsetWidth)/2 + “px”; //
create an H1 element as the title bar h1 = alertObj.appendChild);
h1.appendChild(d.createTextNode; // create a paragraph element to
contain the txt argument msg = alertObj.appendChild; msg.innerHTML =
txt; // create an anchor element to use as the confirmation button. btn
= alertObj.appendChild; btn.id = “closeBtn”;
btn.appendChild(d.createTextNode; btn.href = “#”; // set up the onclick
event to remove the alert when the anchor is clicked btn.onclick =
function() { removeCustomAlert();return false; } // removes the custom
alert from the DOM function removeCustomAlert() { //
document.getElementsByTagName[0].removeChild(document.getElementById;
} // removes the custom alert from the DOM function removeCustomAlert()
{
document.getElementsByTagName[0].removeChild(document.getElementById;
} 澳门贵宾会娱乐官网,将如下代码粘贴到你的HTML你的HTML的HEAD部分。复制代码 代码如下:

在你的HTML文档的Body部分插入如下代码: 复制代码 代码如下:

发表评论

电子邮件地址不会被公开。 必填项已用*标注