当在网页中调用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. Redis、mongdb、memcached的个人总结

    有测试的实例:http://colbybobo.iteye.com/blog/1986786 详细描述优缺点:https://www.cnblogs.com/binyue/p/4582550.html

  2. spring mvc3+默认首页设置问题

    web.xml配置: <servlet-mapping> <servlet-name>dispatcher</servlet-name> <url-patte ...

  3. servlet为什么要配置web.xml

    (1).为Servlet命名:  <servlet>  <servlet-name>servlet1</servlet-name> <- 这是用于,在serv ...

  4. CCF试题:高速公路(Targin)

    问题描述 某国有n个城市,为了使得城市间的交通更便利,该国国王打算在城市之间修一些高速公路,由于经费限制,国王打算第一阶段先在部分城市之间修一些单向的高速公路. 现在,大臣们帮国王拟了一个修高速公路的 ...

  5. 数据库之存储过程(Stored Procedure)【未完待续】

    存储过程(Stored Procedure,以下简称SP)是啥?有什么用?优缺点? 一个SP是一段存储在数据库系统中的一条或多条sql语句的集合,类似一条批处理,它能被触发器,或者其他的SP以及APP ...

  6. Vuex ~ 初识

    状态:data中的属性需要共享给其他vue组件使用的部分(即data中需要共用的属性)   1.初识vuex直接来个小demo 下面操作都是基于vue-cli,如果不了解先学习下vue-cli 利用n ...

  7. AC日记——[USACO06FEB]奶牛零食Treats for the Cows 洛谷 P2858

    [USACO06FEB]奶牛零食Treats for the Cows 思路: 区间DP: 代码: #include <bits/stdc++.h> using namespace std ...

  8. 山东BOSS性能压力测试

    1. 概述 在山东BOSS性能压力测试过程中,发现脚本对于整个压力测试过程的重要性,一个压力测试脚本录制和编辑修改得怎么样直接影响后面压力测试的执行.通常情况下,脚本应尽可能的精简,就像写代码一样.针 ...

  9. tortoisegit安装、clon、推送

    下载/tortoisegit软件,根据对应系统下载相对应的软件及其汉化包   下载地址:https://tortoisegit.org/download/ 先安装软件包,再安装语言包,可以自己设置路径 ...

  10. Codeforces 1099 B. Squares and Segments-思维(Codeforces Round #530 (Div. 2))

    B. Squares and Segments time limit per test 1 second memory limit per test 256 megabytes input stand ...