jQuery基于函数重载实现自定义警报函数样式的方法

本文实例讲述了jQuery基于函数重载实现自定义警报函数样式的方法。分享给大家供大家参考，具体如下：

(function(){ window。alert=函数(text){ text=text。tostring().替换(/\\/g，' \\ ').替换(/\n/g，' br /').替换(/\r/g，' br/')；//解析警报内容中的换行符var alert div=' div id=' alert div ' style=' position : absolute；display:none飞越：隐藏；padd :10 px 10px 8pxtop : 50%；左侧： 50%;文本对齐：居中；线高：22 px背景色-: # DDe4ee；边框：1 px实心# CCC ' '文本' br/输入类型=' submit ' name=' button ' id=' button ' value='确定style=' margin-top :8 px；onclick='$(this).父项()。移除();//div '；//自定义差异弹窗$(document.body).追加(警报分区)；//动态加载div $('#alertdiv ').CSS({ '左边距' : $(' # alert div ').width()/2 *(1-20)，“页边距-顶部”: $(“# alert div”).高度()/2 *(1-20 });//设置偏移数值，实现差异居中$('#alertdiv ').show()；//显示};})();注：以上代码可自适应警报内容长度，支持换行符，调用时与原始警报函数无异。

完整示例代码如下：

脚本类型=' text/JavaScript ' src=' http :http://lib。新浪app。com/js/jquery/1。10 .2/jquery-1。10 .2 .量滴js /脚本脚本类型=' text/JavaScript '(function(){ window。alert=函数(text){ text=text。tostring().替换(/\\/g，' \\ ').替换(/\n/g，' br /').替换(/\r/g，' br/')；//解析警报内容中的换行符var alert div=' div id=' alert div ' style=' position : absolute；display:none飞越：隐藏；padd :10 px 10px 8pxtop : 50%；左侧： 50%;文本对齐：居中；线高：22 px背景色-: # DDe4ee；边框：1 px实心# CCC ' '文本' br/输入类型=' submit ' name=' button ' id=' button ' value='确定style=' margin-top :8 px；onclick='$(this).父项()。移除();//div '；//自定义差异弹窗$(document.body).追加(警报分区)；//动态加载div $('#alertdiv ').CSS({ '左边距' : $(' # alert div ').width()/2 *(1-20)，“页边距-顶部”: $(“# alert div”).高度()/2 *(1-20 });//设置偏移数值，实现差异居中$('#alertdiv ').show()；//显示};})();/script输入类型=' submit ' name=' button ' id=' button ' value='点击弹出警报自定义窗口onclick='alert('这是警报弹窗\n支持\\n换行符')'/运行效果截图如下：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。