当在网页中调用aelrt()方法的时候,系统会自动显示友好的提示方式 。

下面是css样式控制代码:

/*------------------------------------------------------------------------------------*/
/*
以下css完成圆弧矩形
*/
.rno {
    BACKGROUND: #fad163  ; COLOR: #000
}
.rno .rnd1 {
    BACKGROUND: #fad163  ; COLOR: #000
}
.rno .rnd2 {
    BACKGROUND: #fad163  ; COLOR: #000
}
B.rnd {
    DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: #fff
}
B.rnd B {
    DISPLAY: block; OVERFLOW: hidden; HEIGHT: 1px
}
B.rnd1 {
    MARGIN: 0px 2px
}
B.rnd2 {
    MARGIN: 0px 1px
}
.nm {
    PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 1px; PADDING-TOP: 0px
}
/*------------------------------------------------------------------------------------*/

下面是javascript代码:

/**
重写window.alert(),想要调用原来的alert()方法可以用window._alert()
在要显示提示信息的地方加入:<a id="_alert" />然后就可以直接调用alert(message)
如果没有在页面中加入<a id="_alert" />,则alert()方法仍然会采用弹出对话框的形式显示信息
**/
if(typeof(window._alert)=="undefined"){
//保存系统的alert()
    window._alert = window.alert;
    window.alert = function(){
var obj = getObject('_alert');
if(obj==null){
if(arguments.length==0){
                _alert();
            }else{
                _alert(arguments[0].toString());
            }
        }else{
            obj.innerHTML="";
if(arguments.length>0){
var content = "<font style="text-align:center; color:#000000; font-size:14px; font-weight:bold;">"
+arguments[0]
+"  <a style="font-size:12px; cursor:hand;" onClick="this.parentElement.parentElement.parentElement.parentElement.style.display='none'">隐藏</a></font>";
                obj.innerHTML = getDiv(content);
            }
        }
function getDiv(content){
var div = "";
            div+="<DIV style='PADDING-BOTTOM: 4px' align=center>";
            div+="<TABLE class=rno cellSpacing=0 cellPadding=0>";
            div+="<TBODY>";
            div+="<TR>";
            div+="<TD>";
            div+="<B class=rnd>";
            div+="<B class=rnd1></B>";
            div+="<B class=rnd2></B>";
            div+="</B>";
            div+="</TD>";
            div+="<TR>";
            div+="<TD class=nm>"+content+"</TD>";
            div+="<TR>";
            div+="<TD>";
            div+="<B class=rnd>";
            div+="<B class=rnd2></B>";
            div+="<B class=rnd1></B>";
            div+="</B>";
            div+="</TD>";
            div+="</TR>";
            div+="</TBODY>";
            div+="</TABLE>";
            div+="</DIV>";
return div;
        }
    };
}

重写alert方法完成类似gmail的友好提示的更多相关文章

  1. JS重写alert,保证弹窗错误的友好性

    // ------------------------------------------------------------- // 重写alert,保证弹窗错误的友好性 var j_oldAler ...

  2. 重写alert方法,去掉地址显示

    //重写alert方法,去掉地址显示window.alert = function(name){ var iframe = document.createElement("IFRAME&qu ...

  3. 重写alert 方法(我胡汉三又回来了)

    window.alert = function (txt) { var shield = document.createElement("DIV"); shield.id = &q ...

  4. Alert方法重写

    在正规项目中,总感觉alert框是非常难看的,但是有的时候又必须添加alert框来给用户一种警醒,废话不多说,先上图

  5. 重写Alert和confirm方法去除地址显示

    //重写alert方法,去掉地址显示window.alert = function(name){var iframe = document.createElement("IFRAME&quo ...

  6. Cef 重写alert与confirm弹窗

    在使用form内嵌cef浏览本地页面的时候,如果出现alert弹窗,会在标题栏显示页面所在目录.所以想起来重写alert的样式,通过MessageBox进行提示,或者自己写一个弹窗. 以下代码基于 3 ...

  7. 重写ajax方法实现异步请求session过期时跳转登录页面

    jQuery(function($){ // 备份jquery的ajax方法 var _ajax=$.ajax; // 重写ajax方法, $.ajax=function(opt){ var _suc ...

  8. 重写$.ajax方法

    /*重写Jquery中的ajax 封装壳*/ $(function () { (function ($) { //首先备份下jquery的ajax方法 var _ajax = $.ajax; //重写 ...

  9. 重写ajax方法实现请求session过期时跳转登录页面

    jQuery(function($){ var _ajax=$.ajax; // 备份jquery的ajax方法 $.ajax=function(opt){ var _success = opt &a ...

随机推荐

  1. P1474 货币系统 Money Systems(完全背包求填充方案数)

    题目链接:https://www.luogu.org/problemnew/show/1474 题目大意:有V种货币,求用V种货币凑出面值N有多少种方案. 解题思路:就是完全背包问题,只是将求最大价值 ...

  2. ZOJ-3314

    CAPTCHA Time Limit: 1000 MS Memory Limit: 32768 KB 64-bit integer IO format: %lld , %llu Java class ...

  3. selenium 参数传递(testng.xml 、DataProvider )

    为了方便测试代码的复用性,常常采用参数化.传递参数给测试代码 有一下两种方法:1.通过配置XML文件实现.2.通过DataProvider 传递参数. 注意:DataProvider 传递参数返回的是 ...

  4. LeetCode解题报告—— Rotate List & Set Matrix Zeroes & Sort Colors

    1. Rotate List Given a list, rotate the list to the right by k places, where k is non-negative. Exam ...

  5. RedHat7/Centos7 搭建NFS服务器

    https://blog.csdn.net/u012124304/article/details/81001068 客户端和服务器都得安装nfs-utils

  6. CSS让文字在元素内绝对居中!!!【ie和谷歌】

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. 2.Spark Streaming运行机制和架构

    1 解密Spark Streaming运行机制 上节课我们谈到了技术界的寻龙点穴.这就像过去的风水一样,每个领域都有自己的龙脉,Spark就是龙脉之所在,它的龙穴或者关键点就是SparkStreami ...

  8. Java中HashMap(泛型嵌套)的遍历

    //Studnet package yzhou.gen03; public class Student<T> { private T score; public T getScore() ...

  9. TYVJ2002 扑克牌

    卢克生日那天,汉来找卢克玩扑克牌,玩着玩着汉觉得太没意思了,于是决定给卢克一个考验汉把一副扑克牌(54张)随机洗匀,倒扣着放成一摞.然后卢克从上往下一次翻开每张牌,每翻开一张黑桃,红桃,梅花或方块,就 ...

  10. 洛谷——P2299 Mzc和体委的争夺战

    P2299 Mzc和体委的争夺战 题目背景 mzc与djn第四弹. 题目描述 mzc家很有钱(开玩笑),他家有n个男家丁(做过前三弹的都知道).但如此之多的男家丁吸引来了我们的体委(矮胖小伙),他要来 ...