Editing 页面水印注入 NET牛人

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="utf-8" />
    <title>页面水印注入</title>

</head>

<body>

    <div class="a4">
        <h1 class="text-center mb-5">页面水印注入</h1>
        <h3 class="text-center mb-5"> 第三十六计走为上</h3>
        <p> &nbsp; </p>
        <p> 全师避敌①。左次无咎，未失常也②</p>

        <p> 【注释】</p>

        <p> ①全师避敌：全军退却，避开强敌。</p>

        <p> ②左次无咎，未失常也：语出《易经．师》卦（卦名解释见前二十六计注）。本卦六四．《象》辞：“左次无咎，未失常也。”是说军队在左边扎营，</p>

        <p>没有危险，（因为扎营或左边或右边，要依时情而定）并没有违背行军常道。</p>

        <p> 【按语】</p>

        <p> 敌势全胜，我不能战，则：必降；必和；必走。降则全败，和则半败，走则未败。未败者，胜之转机也。如宋毕再遇与金人对垒，度金兵至者日众，难</p>

        <p>与争锋。—夕拔营去，留旗帜于营，豫缚生羊悬之，置其前二足于鼓上，羊不堪悬，则足击鼓有声。金人不觉为空营，相持数日，乃觉，欲追之，则已远矣</p>

        <p>。（《战略考．南宋》）可谓善走者矣！</p>

        <p> 【解析】</p>

        <p> 敌方已占优势，我方不能战胜它，为了避免与敌人决战，只有三条出路：投降，讲和，撤退。三者相比，投降是彻底失败，讲和也是一半失败，而撤退</p>

        <p>不能算失败。撤退，可以转败为胜。当然，撤退决不是消极逃跑，撤退的目的是避免与敌主力决战。主动撤退还可以诱敌，调动敌人，制造有利的战机。总</p>

        <p>之退是为进。</p>

        <p> 何时走？怎样走？这里要随机应变，学问大得很。按语中讲的毕再通用缚羊击鼓蒙蔽金人，从容撤走的故事，就显出毕再遇运用“走为上计”的高超本</p>

        <p>领。</p>

        <p> 【探源】</p>

        <p> 走为上，指敌我力量悬殊的不利形势下，采取有计划的主动撤退，避开强敌，寻找战机，以退为进。这在谋略中也应是上策。这句话，出自《南齐书．</p>

        <p>王敬则传》：“檀公三十六策，走为上计。”其实，我国战争史上，早就有“走为上”计运用得十分精彩的例子。</p>

        <p> 春秋初期，楚国日益强盛，楚将子玉率师攻晋。楚国还胁迫陈、蔡、郑、许四个小国出兵，配合楚军作战。此时晋文公刚攻下依附楚国的曹国，明知晋</p>

        <p>楚之战迟早不可避免。</p>

        <p> 子玉率部浩浩荡荡向曹国进发，晋文公闻讯，分析了形势。他对这次战争的胜败没有把握，楚强晋弱，其势汹汹，他决定暂时后退，避其锋芒。对外假</p>

        <p>意说道：“当年我被迫逃亡，楚国先君对我以礼相待。我曾与他有约定，将来如我返回晋国，愿意两国修好。如果迫不得已，两国交兵，我定先退避三舍。</p>

        <p>现在，子玉伐我，我当实行诺言，先退三舍。（古时一舍为三十里。）”</p>

        <p> 他撤退九十里，已到晋国边界城濮，仗着临黄河，靠太行山，足以御敌。他已事先派人往秦国和齐国求助。</p>

        <p> 子玉率部追到城濮，晋文公早已严阵以待。晋文公已探知楚国左、中、右三军，以右军最薄弱，右军前头为陈、蔡士兵，他们本是被胁迫而来，并无斗</p>

        <p>志。子玉命令左右军先进，中军继之。楚右军直扑晋军，晋军忽然又撤退，陈、蔡军的将官以为晋军惧怕，又要逃跑，就紧追不舍。忽然晋军中杀出一支军</p>

        <p>队，驾车的马都蒙上老虎皮。陈、蔡军的战马以为是真虎，吓得乱蹦乱跳，转头就跑，骑兵哪里控制得住。楚右军大败。晋文公派士兵假扮陈、蔡军士，向</p>

        <p>子玉报捷：“右师已胜，元帅赶快进兵。”子玉登车一望，晋军后方烟尘蔽天，他大笑道：“晋军不堪一击。”其实，这是晋军诱敌之计，他们在马后绑上</p>

        <p>树枝，来往奔跑，故意弄得烟尘蔽日，制造假象。子玉急命左军并力前进。晋军上军故意打着帅旗，往后撤退。楚左军又陷于晋国伏击圈，又遭歼灭。等子</p>

        <p>玉率中军赶到，晋军三军合力，已把子玉团团围住。子玉这才发现，右军、左军都已被歼，自己已陷重围，急令突围。虽然他在猛将成大心的护卫下，逃得</p>

        <p>性命，但部队丧亡惨重，只得悻悻回国。</p>

        <p> 这个故事中晋文公的几次撤退，都不是消极逃跑，而是主动退却，寻找或制造战机。所以，“走”，是上策。</p>

        <p> 【故事】</p>

        <p> 再说一个城濮大战之前，楚国吞并周围小国日益强盛的故事。</p>

        <p> 楚庄王为了扩张势力，发兵攻打庸国。由于庸国奋力抵抗，楚军一时难以推进。庸国在一次战斗中还俘虏了楚将杨窗。但由于庸国疏忽，三天后，杨窗</p>

        <p>竟从庸国逃了回来。杨窗报告了庸国的情况，说道：“庸国人人奋战，如果我们不调集主力大军，恐怕难以取胜。”</p>

        <p> 楚将师叔建议用佯装败退之计，以骄庸军。于是师叔带兵进攻，开战不久，楚军佯装难以招架，败下阵来，向后撤退。象这样一连几次，楚军节节败退</p>

        <p>。庸军七战七捷，不由得骄傲起来，不把楚军放在眼里。军心麻痹，斗志渐渐松懈，戒备渐渐失去了。</p>

        <p> 这时，楚应王率领增援部队赶来，师叔说，“我军已七次佯装败退，庸人已十分骄傲，现在正是发动总攻的大好时机。”楚庄王下令兵分两路进攻庸国</p>

        <p>。庸国将士正陶醉在胜利之中，怎么也不会想到楚军突然杀回，仓促应战，抵挡不住。楚军一举消灭了庸国。师叔七次佯装败退，是为了制造战机，一举歼</p>

        <p>敌。</p>
    </div>
</body>

</html>

body {
    background-color: #ebebeb;
}

.a4 {
    position: relative;
    padding: 30px;
    max-width: 800px;
    margin: 30px auto;
    border: 1px solid #ddd;
}

.wm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}
.wm1 > div {
    transform: rotate(-30deg);
    white-space: nowrap;
    user-select: none;
    color: red;
    opacity: 0.2;
    padding: 5em;
    float: left;
}

.wm2 {
    opacity: 1;
    font-size: 1.5rem;
    font-family: "宋体";
    letter-spacing: -2px;
    text-shadow: #720610 1px 0 0, #720610 0 1px 0, #720610 -1px 0 0,
        #720610 0 -1px 0;
}
.wm2 {
    color: #720610;
    font-weight: 600;
    margin: 15% 0 0 40%;
    transform: rotate(-5deg);
}

.wm2 > table tr td {
    text-align: left;
    position: relative;
    white-space: nowrap;
    padding: 3px 6px 0 3px;
    border: 5px solid #720610;
}
.wm2 .wm-icon {
    height: 25px;
}
.wm2 .wm-title {
    font-size: 2rem;
    text-align: center;
}
.wm2 .wm-sign {
    position: absolute;
    height: 150px;
    top: -50px;
}
.wm2 .wm-footer {
    padding-top: 10px;
    white-space: nowrap;
    letter-spacing: -2px;
}

var wm = {
    one: function () {
        var wmbox = document.createElement('div');
        wmbox.className = "wm wm1";

        var wmtxt = [
            '内部资料 请勿外传',
            '超级管理员',
            'admin',
            new Date().toISOString(),
            '125.86.88.129'
        ];

        var wmt1 = document.createElement('div');
        wmt1.innerHTML = wmtxt.join('<br/>');
        for (var i = 0; i < 44; i++) {
            var wm1 = wmt1.cloneNode(true);
            wmbox.appendChild(wm1);
        }

        document.body.appendChild(wmbox);
    },
    two: function () {
        var wmbox = document.createElement('div');
        wmbox.className = "wm wm2";
        wmbox.innerHTML = `
        <table>
            <tr>
                <td colspan="2"><img class="wm-icon" src="https://img11.360buyimg.com/ddimg/jfs/t1/172605/23/10640/69151/60a7aaa7Eb219c62e/73fcbb83d4a2db76.png" /><div class="wm-title">计量章CALIBRATION</div></td>
            </tr>
            <tr>
                <td>位置 LOCATION</td>
                <td></td>
            </tr>
            <tr>
                <td>计量结果 CAL RESULT</td>
                <td>合格PASS/不合格FAIL</td>
            </tr>
            <tr>
                <td>发布标签 DECAL ISSUED</td>
                <td>是YES/否NO</td>
            </tr>
            <tr>
                <td>系统更新 SYSTEM UPDATED</td>
                <td>是YES/否NO</td>
            </tr>
            <tr>
                <td>日期 DATE</td>
                <td></td>
            </tr>
            <tr>
                <td>签字 SIGNATURE</td>
                <td><div><img class="wm-sign" src="https://img10.360buyimg.com/ddimg/jfs/t1/196646/31/4138/28688/60a7aaa7E8a3d9042/c1f79bcc2afe5ebc.png" /></div></td>
            </tr>
        </table>
        <div class="wm-footer">XFQA-D001-010(23/11/2018)</div>
        `;

        document.body.appendChild(wmbox);
    }
}

wm.one();