javascript中alert函数的替代方案，一个自定义的对话框的方法

核心提示： 接下来，我们要构造对话框，javascript中alert函数的替代方案，一个自定义的对话框的方法(4)，这里首先创建了一个div层，来代表我们整个对话框，方法如下：1vardialogWidth=260;2vardialogHeight=120;3varfontSize=14;4varline

接下来，我们要构造对话框，这里首先创建了一个div层，来代表我们整个对话框。方法如下：

　1　var　dialogWidth　=　260;
　2　var　dialogHeight　=　120;
　3　var　fontSize　=　14;
　4　var　lineWidth　=　document.body.clientWidth　*　0.7;
　5　if　((fontSize　*　msg.length)　<　lineWidth)　{
　6　　　　　　　dialogWidth　=　parseInt(fontSize　*　msg.length)　+　50;
　7　}　else　{
　8　　　　　　　dialogWidth　=　parseInt(lineWidth);
　9　　　　　　　dialogHeight　+=　parseInt(((fontSize　*　msg.length)　/　lineWidth)　*　fontSize);
10　　　　　　　　　　　　　
11　}
12　　　　　　　　　
13　divDialog.style.width　=　dialogWidth　+　"px";
14　divDialog.style.height　=　dialogHeight　+　"px";　　　　　　　　
15　divDialog.style.position　=　"absolute";
16　divDialog.style.border　=　"1px　solid　#C0D7FA";
17　divDialog.style.borderRight　=　"2px　outset　#DEDEDE";
18　divDialog.style.borderLeft　=　"2px　outset　#DEDEDE";
19　divDialog.style.left　=　((document.body.clientWidth　/　2)　-　(dialogWidth　/　2))　+　"px";
20　divDialog.style.top　=　(document.body.scrollTop　+　(document.body.clientHeight　/　2)　-　(dialogHeight　/　2))　+　"px";
21　divDialog.style.zIndex　=　"100";

这里，首先根据消息的字数计算了对话框的尺寸（这里的计算方法不一定最好，如果有更好的计算方法还望大家指教），后面那些DOM代码就不用我多解释了吧。