`
yiyanwan77
  • 浏览: 183549 次
  • 性别: Icon_minigender_1
  • 来自: 威海
社区版块
存档分类
最新评论

转一个alert

JavaScriptCSSXHTMLASPC 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" >
<head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312" />
    <meta name="author" content="Smiling Dolphin" />
    <meta name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display, java, javascript, c++, php, jsp, asp, py, pl" />
    <meta name="description" content="my favorites language." />
    <meta name="robots" content="all" />
    <title>Dolphin Document</title>
    <style type="text/css" title="currentStyle" media="screen">
        body,p{
            margin:0px;
            padding:0px;
        }
    </style>
</head>
<body>
<input type="button" value="显示Alert" onclick="alert('真的要关闭本窗口？')" />
<textarea>这里显示文章</textarea>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<p>abc</p>
<script language="javascript" type="text/javascript">
window.alert = function(txt)
{
    var shield = document.createElement("DIV");
    shield.id = "shield";
    shield.style.position = "absolute";
    shield.style.left = "0px";
    shield.style.top = "0px";
    shield.style.width = "100%";
    shield.style.height = document.body.scrollHeight+"px";
    shield.style.background = "#333";
    shield.style.textAlign = "center";
    shield.style.zIndex = "10000";
    shield.style.filter = "alpha(opacity=0)";
    var alertFram = document.createElement("DIV");
    alertFram.id="alertFram";
    alertFram.style.position = "absolute";
    alertFram.style.left = "50%";
    alertFram.style.top = "50%";
    alertFram.style.marginLeft = "-225px";
    alertFram.style.marginTop = "-75px";
    alertFram.style.width = "450px";
    alertFram.style.height = "150px";
    alertFram.style.background = "#ccc";
    alertFram.style.textAlign = "center";
    alertFram.style.lineHeight = "150px";
    alertFram.style.zIndex = "10001";

    strHtml  = "<ul style=\"list-style:none;margin:0px;padding:0px;width:100%\">\n";
    strHtml += "    <li style=\"background:#DD828D;text-align:left;padding-left:20px;font-size:14px;font-weight:bold;height:25px;line-height:25px;border:1px solid #F9CADE;\">[系统提示]</li>\n";
    strHtml += "    <li style=\"background:#fff;text-align:center;font-size:12px;height:120px;line-height:120px;border-left:1px solid #F9CADE;border-right:1px solid #F9CADE;\">"+txt+"</li>\n";
    strHtml += "    <li style=\"background:#FDEEF4;text-align:center;font-weight:bold;height:25px;line-height:25px; border:1px solid #F9CADE;\"><input type=\"button\" value=\"关 闭\" onclick=\"doOk()\" /></li>\n";
    strHtml += "</ul>\n";
    alertFram.innerHTML = strHtml;
    document.body.appendChild(alertFram);
    document.body.appendChild(shield);
    var c = 0;
    this.doAlpha = function(){
        if (c++ > 20){clearInterval(ad);return 0;}
        shield.style.filter = "alpha(opacity="+c+");";
    }
    var ad = setInterval("doAlpha()",5);
    this.doOk = function(){
        window.close();
    }
    alertFram.focus();
    document.body.onselectstart = function(){return false;};
}

</script>

</body>
</html>

 

分享到：
| iframe笔记
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    prometheus-alert-webhooker：将Prometheus Alertmanager Webhook转换为任何操作

    Prometheus-alert-webhooker prometheus-alert-webhooker将转换为任何操作 目录 产品特点 使用规则将Prometheus Alertmanager Webhook转换为任何操作 当前支持操作（请参阅）： 运行Jenkins作业（可选地使用参数）...

    ios自定义视图的两种模态效果(转场动画)——Alert和ActionSheet

    作者WellsYC，源码YCPopover，自定义视图的两种模态效果(转场动画)——Alert和ActionSheet。封装两种模态视图的转场动画...只需要自定义一个控制器，然后通过分类对应的present方法弹出，一行代码实现类似弹框的效果。

    Android漂亮的对话框项目sweet-alert-dialog eclipse版本

    Android漂亮的对话框项目sweet-alert-dialog github上为as项目，现转成eclipse，直接导入即可

    js中将具有数字属性名的对象转换为数组

    这个对象并不是数组类型，那有没有办法把它转换为数组类型呢？jQuery代码中采用了Array.prototype.slice把这种对象转换为数组，但我试了好几遍，就是不行： 代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; alert...

    简体转繁体插件

    /*** *@TITLE 中文简体转换为繁体AND中文转换英文插件&gt; ...换句话来说这个优化嘛 3.有兴趣的同学可以扩展，中英文翻译，我建议，用谷歌的api做， 本来我自己想做的，但是目前没时 4.转换这块是利用查表法来做的 **/

    editorjs-alert:Editor.js工具，用于添加彩色警报

    Editor.js警报工具 为提供Alert块。特征8种不同的警报块样式从其他块转换为警报块将警报块转换为其他块它看起来怎样？ 在下面的GIF短片中观看此工具的实际操作。 在上自己尝试一下。安装通过NPM安装取得包裹npm i --...

    JS GB2312转UTF8 支持中英文混合

    JS GB2312TOUTF8 UTF8TOGB2312 编码转换 /* * GB2312转UTF8 * 例： * var xx=new GB2312UTF8(); * var Utf8=xx.Gb2312ToUtf8("你aaa好aaaaa"); * var Gb2312=xx.Utf8ToGb2312(Utf8); * ...

    Query中文转换成拼音，两种方式一种为组件方式、一种为传参方式

    Query中文转换成拼音代码是一款在输入框输入中文点击转换按钮自动生成拼音，两种方式一种为组件方式、一种为传参方式，组件方式为 ： $("#btn").click(function () { $("#show").val($("#content").toPinyin...

    alert-banner:警报横幅插件

    警报横幅 指示 克隆回购 转到本地主机/ 创建新横幅 在控制台中， var foo = new Banner(); 然后 foo.open(); 瞧 源代码位于开发和生产的 src 中。

    asp.net后台弹出层,asp.net后台调用前台JS事件

    这是一个用于as.net网页的弹出层对话框的实例，原本弹出提示可以使用alert&#40;'lcng'&#41;，但是由于不太友好，而且不太美观，后来才想自己做一个，当然了网上也有许多弹出对话框的jquery插件，不过平常使用的时候...

    weaponised-XSS-payloads:XSS有效载荷旨在将Alert（1）转换为P1

    这可以帮助将一个普通的旧XSS错误链接到更重要的内容中，例如帐户收购。 这是通过演示实际的安全影响来增强渗透测试或漏洞赏金报告的严重性的理想选择。 我有时间的话，就会慢慢增加有效载荷。 如果您能提供帮助...

    js string 转 int 注意的问题小结

    var str=’1250′ ; alert&#40; Number(str&#41; ); //得到1250 alert&#40;... //得到64 发现parseInt方法在format’00’开头的数字时会当作2进制转10进制的方法进行转换，所以建议string转int最好用Number方法

    JSON数据转字符串

    自动把JSon数据转化为字符串，下面附示例代码： &lt;!... &lt;script src="json2.js"&gt;&lt;/script&gt; var obj={a:[2,3],b:{m:[3,4],n:2} };...alert(jsonStr); //将显示 {"a":[2,3],"b":{"m":[3,4],"n":2}} &lt;/body&gt;

    Alert static word-crx插件

    只需在页面中查找并提示“您好”一词 Alert Static Word Extension可以找到从chorme浏览器的设置选项中添加的网页中的所有关键字/单词/正则表达式模式。特征：*根据从设置选项中添加的单词突出显示网页上的匹配项。 ...

    nvidia-alert

    电报Nvidia警报机器人 ...请创建一个带有指向您的语言商店的链接的问题，以便我可以测试该商店是否受支持。 并非所有Nvidia商店都出售Founders Edition。 转到Telegram并使用@nvidia30_alert_bot开始

    多文件上传, 通过flash上传多个文件, 就一个swf文件标记

    请加入这个swf节点: (这里是这个swf文件的地址)" FlashVars="(这里是上传的参数)" type="application/octet-stream" quality=...每次请求只会上传一个文件,传完一个再传下一个 在服务器端只处理第一个post传过来的文件

    js中string和number类型互转换技巧(分享)

    1、string–&gt;number string类型 *1 即可变成 number类型 2、number–&gt;string ... alert&#40;typeof (str&#41;);//number s += ''; alert&#40;typeof (s&#41;);//string var boo = true; al

    Javascript必知必会(四)js类型转换

    javascript 类型会根据赋值的进行转成相应的类型。 var str = ; alert&#40;typeof (str&#41;);//string str = ; alert&#40;typeof (str&#41;);//number var sum = str + ; //+编程两个数字相加 alert&#40;sum&#41;...

    JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)

    alert&#40;parseInt(a,2&#41;); //将111做为2进制来转换,忽略60(不符合二进制),从左至右只将符合二进制数的进行转换 alert&#40;parseInt(a,16&#41;); //将所有的都进行转换 依照此方法,其实可以转换成任何进制 var ...

    将汉字转成拼音（全拼）的jQuery插件

    将汉字转换成拼音。 使用方法： 查询" onclick="alert($('#hz').toPinyin())"/&gt;

Magicbox
Global site tag (gtag.js) - Google Analytics