利用Javascript的“函数重载”实现自定义Alert样式

默认的Alert只有一个简单的对话框，而且无法自定义样式！有时候弹出的提示需要很详尽，并且显得有些冗长，那么如何让用户直接看到重点信息呢？因为系统自带的Alert无法编辑样式所以我们只好自己重新定义一个了！
先看看我经常使用的信息提示样式吧！

数据传递错误

[软件编号]：必须是0-9的阿拉伯数字！

这其实就是一个普通的Html表格，里面加上2个操作按钮！
完整的HTML代码如下：

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

你可以把这些代码改成任何你喜欢的样式，但是最好留下返回和关闭按钮。PS：没有操作按钮就没法返回上一页拉！
接下来把这些表格代码转换成JS，并且利用JS的“函数重载”重新定义系统自带的Alert 窗口。
具体代码如下：

window.alert=function (txt)

...{

document.write ('<table width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">');

document.write (' <tr>');

document.write (' <td align="center" bgcolor="#CCCCCC"><span class="STYLE1">操作提示</span></td>');

document.write (' </tr>');

document.write (' <tr>');

document.write (' <td bgcolor="#FFFFFF">'+txt+'</td>');

document.write (' </tr>');

document.write (' <tr>');

document.write (' <td align="center" bgcolor="#FFFFFF"><input type="button" name="Submit" value="返回" οnclick="window.history.go(-1)"/>');

document.write (' <input type="button" name="Submit2" value="关闭" οnclick="window.close()"/></td>');

document.write (' </tr>');

document.write ('</table>');

}

</Script>

一切就绪，现在我们只需要按原来的方法调用Alert就好了

利用Javascript的“函数重载”实现自定义Alert样式相关推荐

用JavaScript实现函数重载
重载函数的定义:在相同的声明域中,如有多个函数名相同的,而参数表不同的(参数类型不同或参数个数不同),返回值类型可以相同也可以不同的函数,称之为重载函数.函数的参数表是区别重载函数的唯一标识,而非函数 ...
Arcgis for javascript不同的状态下自定义鼠标样式
俗话说:爱美之心,人皆有之.是的,没错,即使我只是一个做地图的,我也希望自己的地图看起来好看一点.在本文,给大家讲讲在Arcgis for javascript下如何自定义鼠标样式. 首先,说几个状态 ...
Javascript中的函数重载-最佳做法
用JavaScript伪造函数重载的最佳方法是什么? 我知道不可能像其他语言一样重载Javascript中的函数. 如果我需要两个函数一起使用foo(x)和foo(x,y,z) ,这是最佳/首选方式: ...
面向对象程序设计上机练习一（函数重载）
面向对象程序设计上机练习一(函数重载) Time Limit: 1000MS Memory Limit: 65536KB Problem Description 利用数组和函数重载求5个数最大值(分别 ...
浅谈Javascript中的函数重载实现
其它面向对象语言如Java的一个常见特性是:能够根据传入的不同数量量或类型的参数,通过"重载"函数来发挥不同的功用.但是这个特性在Javascript中并没有被直接支持,可是有很多 ...
JavaScript中实现函数重载和参数默认值
2019独角兽企业重金招聘Python工程师标准>>> 参数默认值是指在调用函数时,若省略了某个实参,函数会自动为该参数分配一个默认值,使得函数调用的方便性和灵活性大大提高. 举个例 ...
在python中定义类时、运算符重载_自定义 Python 类中的运算符和函数重载（上）...
如果你对 Python 中的str对象使用过 + 或 * 运算符,你一定注意到了它的操作与 int 或 float 类型的区别: 你可能想知道同一内置运算符或函数如何对不同类对象进行不同操作的.这分别 ...
JavaScript函数重载模拟
我们从结果向实现推,首先看我们要实现什么样的效果: css(hi,"color","red") css([hi,hello],"color" ...
利用函数重载编写函数max_彻底理清重载函数匹配
今日分享:直者内不以自欺,外不以欺人,心有所好恶而如其实以出之者也.--<中国哲学史> 前言前面我们讲到了<什么是函数重载?>,有了函数重载之后,就需要确定某次调用需要选用哪 ...

利用Javascript的“函数重载”实现自定义Alert样式

利用Javascript的“函数重载”实现自定义Alert样式相关推荐

最新文章

热门文章