澳门在线威尼斯官方 > 威尼斯澳门在线 > 原稿地址,前端无人问津的单向

原标题:原稿地址,前端无人问津的单向

浏览次数:80 时间:2019-12-30

浏览器地址栏运营HTML代码

倘诺说下边那条小秘密接头的人还算多以来,那条秘笈知道的人就要少一些了,在非IE内核的浏览器地址栏能够一直运营HTML代码!

诸如在地点栏输入以下代码然后回车运转,会现身内定的页面内容。

data:text/html,<h1>Hello, world!</h1>

1
data:text/html,<h1>Hello, world!</h1>

图片 1

通过CSS中的calc方法能够开展部分粗略的演算,从而达成动态钦点成分样式的目标。

REFERENCE

  • What are the most interesting HTML/JS/DOM/CSS hacks that most web developers don’t know about?
  • 45 Useful JavaScript Tips, Tricks and Best Practices
  • 10 Small Things You May Not Know About Javascript

    6 赞 43 收藏 13 评论

我们都驾驭调换多少个变量值的常规做法,那正是声称一个中间变量来暂存。但鲜有人去挑衅不证明中间变量的情状,下边包车型大巴代码给出了这种达成。蛮有创新意识的。

不许外人以iframe加载你的页面

上边包车型客车代码已经不问可知了,没什么好些个说的。

JavaScript

if (window.location != window.parent.location) window.parent.location = window.location;

1
if (window.location != window.parent.location) window.parent.location = window.location;

data:text/html, <html contenteditable>

子弹头的操作

JavaScript中是绝非整型概念的,但运用好位操作符能够轻便管理,同一时候得到效能上的升高。

|0 和 ~~ 是很好的三个例证,使用那二者能够将浮点转成整型且效用方面要比同类的 parseInt , Math.round  要快。在拍卖像素及动漫位移等成效的时候会很有用。品质比较见此。

JavaScript

var foo = (12.4 / 4.13) | 0;//结果为3 var bar = ~~(12.4 / 4.13);//结果为3

1
2
var foo = (12.4 / 4.13) | 0;//结果为3
var bar = ~~(12.4 / 4.13);//结果为3

附带说句, !! 将一个值方便飞快转变为布尔值 !!window===true  。

<div style="width: 100%; position: relative; padding-bottom: 20%;">
<div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0;">
     this content will have a constant aspect ratio that varies based on the width.
</div>
</div>

CSS中也得以做轻巧运算

通过CSS中的calc方法能够开展一些轻巧易行的演算,从而到达动态钦命成分样式的目标。

CSS

.container{ background-position: calc(100% - 50px) calc(100% - 20px); }

1
2
3
.container{
background-position: calc(100% - 50px) calc(100% - 20px);
}

 

if (window.location != window.parent.location) window.parent.location = window.location;

CSS篇

前者已经被调戏坏了!像console.log(卡塔尔能够向决定台出口图片等炫耀的玩意儿已经不是怎么样音讯了,像用||操作符给变量赋默许值也是人尽皆知的旧闻了,前天看来Quora上叁个帖子,弹指间又GET了不菲前端技巧,一些归属工夫,一些则是美妙的冷知识,不常间还消化摄取不苏醒。现分类收拾出来分享给我们,也补充了部分平日的群集和强大了有些内容。

关于小编:刘哇勇

图片 2

放浪不急爱自由 个人主页 · 小编的稿子 · 17 ·   

图片 3

变动随机字符串

If语句的变形

当您必要写多少个if语句的时候,不要紧尝试另生机勃勃种更简便易行的主意,用JavaScript中的逻辑操作符来取代。

JavaScript

var day=(new Date).getDay()===0; //传统if语句 if (day) { alert('Today is Sunday!'State of Qatar; }; //运用逻辑与代表if day&&alert('Today is Sunday!');

1
2
3
4
5
6
7
var day=(new Date).getDay()===0;
//传统if语句
if (day) {
alert('Today is Sunday!');
};
//运用逻辑与代替if
day&&alert('Today is Sunday!');

诸如上边的代码,首先获得明日的日期,假诺是礼拜天,则弹窗,不然怎么样也不做。大家知道逻辑操作存在隔阂的景况,对于逻辑与表达式,唯有两个都真才结果才为真,假使眼下的day变量被判断为假了,那么对于整个与表明式来说结果便是假,所以就不会持续去施行前边的 alert 了,要是前方day为真,则还要继续推行后边的代码来明确整个表达式的真伪。利用那一点到达了if的法力。

对此金钱观的if语句,就算施行体代码超越了1 条语句,则须要加花括号,而利用逗号表明式,能够施行大肆条代码而不用加花括号。

JavaScript

if(conditoin) alert(1),alert(2),console.log(3);

1
if(conditoin) alert(1),alert(2),console.log(3);

地方if语句中,假设条件组建则进行八个操作,但大家不供给用花括号将那三句代码括起来。当然,那是不推荐的,这里是冷知识教室:卡塔尔国

例如说在地点栏输入以下代码然后回车运营,会现出钦定的页面内容。

至于CSS的耻笑

信任您看完以下代码后能够预料到会现身什么成效。

CSS

*{ cursor: none!important; }

1
2
3
*{
    cursor: none!important;
}

图片 4

CSS篇

浏览器地址栏运维JavaScript代码

本条比较多少人应该依旧明白的,在浏览器地址栏能够一向运营JavaScript代码,做法是以 javascript: 发轫后跟要实行的说话。举个例子:

JavaScript

javascript:alert('hello from address bar :)');

1
javascript:alert('hello from address bar :)');

将以上代码贴到浏览器地址栏回车的前边alert寻常实行,二个弹窗神现。

亟需注意的是假设是通过copy paste代码到浏览器地址栏的话,IE及Chrome会自动去掉代码最早的javascript:,所以须要手动增多起来能力科学施行,而Firefox中就算不会活动去掉,但它根本就不援救在地点栏运转JS代码,sigh~

这一本领在自己的另风华正茂篇博文《让Chrome 接管邮件连接,收发邮件更实惠了》中有使用到,利用在浏览器地址栏中实行JavaScript代码将Gmail设置为系统的邮件接管程序。

若是说上边那条小秘密接头的人还算多的话,那条秘笈知道的人就要少一些了,在非IE内核的浏览器地址栏能够直接运维HTML代码!

万物皆对象

在JavaScript的世界,万物皆对象。除了 null 和 undefined ,别的基本项目数字,字符串和布尔值都有对应该包装对象。对象的三个特点是您能够在它身上一向调用方法。对于数字为主项目,当试图在其身上调用 toString 方法会失利,但用括号括起来后再调用就不会停业了,内部贯彻是用相应的包裹对象将中央类型转为对象。所以 (1卡塔尔.toString(卡塔尔国 约等于 new Number(1卡塔尔.toString(卡塔尔 。由此,你实在能够把中央项目数字,字符串,布尔等当指标使用的,只是小心语法要切合。

何况我们注意到,JavaScript中数字是不分浮点和整形的,全体数字其实均是浮点类型,只是把小数点简单了而以,比方您看看的1方可写成1.,那也正是干吗当你准备1.toString(卡塔尔时会报错,所以精确的写法应该是这么:1..toString(State of Qatar,或许如上边所述加上括号,这里括号的效应是更改JS剖析器,不要把1前边的点当成小数点。内部得以完成如下面所述,是将1.用包装对象转成对象再调用方法。

至于重写原生方法,这里有个恶作剧大家能够拿去寻开心。Chrome的 console.log 是支撑对文字增添样式的,以致log图片都足以。于是能够重写掉暗中同意的log方法,把将在log的文字应用到CSS的模糊效果,那样当有人试图调用console.log(卡塔尔国的时候,出来的是歪曲不清的文字。好冷,笔者代表从没笑。

至于console的调戏

有关心珍贵写原生方法,这里有个恶作剧我们能够拿去寻高兴。Chrome的 console.log 是辅助对文字增添样式的,以致log图片都得以。于是能够重写掉默许的log方法,把将要log的文字应用到CSS的混淆效果,那样当有人思考调用console.log(卡塔尔(قطر‎的时候,出来的是歪曲不清的文字。好冷,笔者代表尚未笑。

是从这篇G+帖子的评论和介绍里观望的。使用未来的效劳是再度调用log会输出字迹模糊不清的文字。

JavaScript

var _log = console.log; console.log = function() { _log.call(console, '%c' + [].slice.call(arguments).join(' '), 'color:transparent;text-shadow:0 0 2px rgba(0,0,0,.5);'); };

1
2
3
4
var _log = console.log;
console.log = function() {
  _log.call(console, '%c' + [].slice.call(arguments).join(' '), 'color:transparent;text-shadow:0 0 2px rgba(0,0,0,.5);');
};

图片 5

function generateRandomAlphaNum(len) {
var rdmString = "";
for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2));
return rdmString.substr(0, len);
}

运用script标签保存任意新闻

将script标签设置为 type='text' 然后方可在其间保存率性音信,之后方可在JavaScript代码中很方便地获取。

 

<script type="text" id="template"> <h1>This won't display</h1> </script>

1
2
3
<script type="text" id="template">
<h1>This won't display</h1>
</script>

JavaScript

var text = document.getElementById('template').innerHTML

1
var text = document.getElementById('template').innerHTML

相比较来说,水平居中要轻巧得多,像下边提到的text-align:center,平时使用的本领还或然有margin:0 auto 。但对此margin大法也只在子元素宽度小于容器宽度时管用,当子成分宽度超过容器宽度时此法失效。

笔直居中

有好数次博主都有这么的须求,垂直居中展现有些DIV,大家知道CSS中自然有水平居中的样式 text-align:center 。唯独那么些垂直居中无解。

理所必然你能够将容器设置为 display:table ,然后将子成分也正是要笔直居中显得的要素设置为 display:table-cell ,然后加上来贯彻,但此种达成数次会因为 display:table 而破坏全体构造,那还不及间接用table标签了吗。

上面那几个样式利用了translate来都行实现了僵直居中样式,需IE9+。

CSS

.center-vertical { position: relative; top: 50%; transform: translateY(-50%); }

1
2
3
4
5
.center-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

比较来讲,水平居中要轻松得多,像下面提到的text-align:center,平日使用的技能还有margin:0 auto 。但对于margin大法也只在子成分宽度小于容器宽度时管用,当子成分宽度抢先容器宽度时此法失效。

有样学样,利用left和transform相像可实现程度居中,但是意义非常的小,终究text-align和margin差不离满意供给了。

CSS

.center-horizontal { position: relative; left: 50%; transform: translateX(-50%); }

1
2
3
4
5
.center-horizontal {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

 

|0 和 ~~ 是很好的叁个事例,使用这两个能够将浮点转成整型且效用方面要比同类的 parseInt , Math.round  要快。在拍卖像素及动漫位移等职能的时候会很有用。质量相比见此。

前端不敢问津的三头–前端冷知识汇总

2015/09/08 · CSS, HTML5, JavaScript · 13 评论 · 冷知识

本文笔者: 伯乐在线 - 刘哇勇 。未经笔者许可,制止转载!
应接插足伯乐在线 专辑笔者。

前端已经被嗤笑坏了!像console.log(卡塔尔能够向调节台出口图片等炫丽的家伙已经不是如何音信了,像用||操作符给变量赋暗中认可值也是人尽皆知的旧闻了,前几日看来Quora上二个帖子,须臾间又GET了过多前端技艺,一些归于技艺,一些则是奇形异状的冷知识,有的时候间还消化吸取不回复。现分类整理出来分享给我们,也添补了黄金时代部分经常的储存和扩充了一些内容。

终究多亏损HTML5中新加的 contenteditable 属性,当成分钦命了该属性后,成分的源委成为可编写制定状态。

JavaScript篇

再就是我们注意到,JavaScript中数字是不分浮点和整形的,全数数字其实均是浮点类型,只是把小数点简单了而以,比方你看见的1得以写成1.,那约等于干什么当您筹划1.toString(State of Qatar时会报错,所以准确的写法应该是那般:1..toString(State of Qatar,恐怕如上边所述加上括号,这里括号的成效是修正JS剖析器,不要把1后头的点当成小数点。内部贯彻如上面所述,是将1.用包装对象转成对象再调用方法。

console.table

Chrome专项,IE绕道的 console 方法。能够将JavaScript关联数组以表格方式出口到浏览器 console ,效果很惊赞,分界面很精粹。

JavaScript

//购销景况 var data = [{'品名': '杜雷斯', '数量': 4}, {'品名': '冈本', '数量': 3}]; console.table(data);

1
2
3
//采购情况
var data = [{'品名': '杜雷斯', '数量': 4}, {'品名': '冈本', '数量': 3}];
console.table(data);

图片 6

CSS中也能够做简单运算

重写原生浏览器方法以达成新职能

下载的代码通过重写浏览器的 alert 让它能够记录弹窗的次数。

JavaScript

(function() { var oldAlert = window.alert, count = 0; window.alert = function(a) { count++; oldAlert(a + "n You've called alert " + count + " times now. Stop, it's evil!"); }; })(); alert("Hello World");

1
2
3
4
5
6
7
8
9
(function() {
    var oldAlert = window.alert,
        count = 0;
    window.alert = function(a) {
        count++;
        oldAlert(a + "n You've called alert " + count + " times now. Stop, it's evil!");
    };
})();
alert("Hello World");

 

深信您看完以下代码后能够预料到会出现什么样效劳。

选拔a标签自动剖析U奥迪Q7L

多数时候大家有从一个UEscortL中提取域名,查询关键字,变量参数值等的供给,而相对没悟出可以让浏览器方便地帮大家成功这一任务而不用大家写正则去抓取。方法就在JS代码里先成立三个a 标签然后将索要解析的U福睿斯L赋值给 a 的 href 属性,然后就获得了一切我们想要的了。

JavaScript

var a = document.createElement('a'); a.href = ''; console.log(a.host);

1
2
3
var a = document.createElement('a');
a.href = 'http://www.cnblogs.com/wayou/p/';
console.log(a.host);

图片 7

运用那风流罗曼蒂克准绳,稍稍扩张一下,就拿走了七个更是强健的深入分析URubiconL各部分的通用方法了。下边代码来自James的博客。

JavaScript

function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol: a.protocol.replace(':',''), host: a.hostname, port: a.port, query: a.search, params: (function(){ var ret = {}, seg = a.search.replace(/^?/,'').split('&'), len = seg.length, i = 0, s; for (;i<len;i++) { if (!seg[i]) { continue; } s = seg[i].split('='); ret[s[0]] = s[1]; } return ret; })(), file: (a.pathname.match(//([^/?#]+)$/i) || [,''])[1], hash: a.hash.replace('#',''), path: a.pathname.replace(/^([^/])/,'/$1'), relative: (a.href.match(/tps?://[^/]+(.+)/) || [,''])[1], segments: a.pathname.replace(/^//,'').split('/') }; }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function parseURL(url) {
    var a =  document.createElement('a');
    a.href = url;
    return {
        source: url,
        protocol: a.protocol.replace(':',''),
        host: a.hostname,
        port: a.port,
        query: a.search,
        params: (function(){
            var ret = {},
                seg = a.search.replace(/^?/,'').split('&'),
                len = seg.length, i = 0, s;
            for (;i<len;i++) {
                if (!seg[i]) { continue; }
                s = seg[i].split('=');
                ret[s[0]] = s[1];
            }
            return ret;
        })(),
        file: (a.pathname.match(//([^/?#]+)$/i) || [,''])[1],
        hash: a.hash.replace('#',''),
        path: a.pathname.replace(/^([^/])/,'/$1'),
        relative: (a.href.match(/tps?://[^/]+(.+)/) || [,''])[1],
        segments: a.pathname.replace(/^//,'').split('/')
    };
}

.container{
background-position: calc(100% - 50px) calc(100% - 20px);
}

加载CDN文件时,能够节约HTTP标志

前几天很盛行的CDN即从特意的服务器加载一些通用的JS和CSS文件,出于安全着想部分CDN服务器使用HTTPS格局连接,而广大守旧的HTTP,其实大家在利用时得以忽视掉那几个,将它从UCRUISERL中节省。

<script src="//domain.com/path/to/script.js"></script>

1
<script src="//domain.com/path/to/script.js"></script>

那一点在头里大器晚成篇译文物博物客《jQuery编制程序最棒施行》中也许有关联。

当然你能够将容器设置为 display:table ,然后将子成分也正是要笔直居中显得的成分设置为 display:table-cell ,然后加上来促成,但此种完毕数次会因为 display:table 而破坏全部布局,那还不比直接用table标签了吧。

多种边框

接收再度钦定box-shadow来达到多少个边框的意义

在线演示

CSS

/*CSS Border with Box-Shadow Example*/ div { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0, 0, 0.2), 0 0 0 18px rgba(0, 0, 0, 0.2), 0 0 0 24px rgba(0, 0, 0, 0.2); height: 200px; margin: 50px auto; width: 400px }

1
2
3
4
5
6
7
/*CSS Border with Box-Shadow Example*/
div {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0, 0, 0.2), 0 0 0 18px rgba(0, 0, 0, 0.2), 0 0 0 24px rgba(0, 0, 0, 0.2);
    height: 200px;
    margin: 50px auto;
    width: 400px
}

图片 8

浏览器地址栏运转HTML代码

创办长度宽度比固定的因素

透过安装父级窗口的 padding-bottom 能够高达让容器保持自然的长短比的指标,那在响应式页面设计中相比较有用,能够保持成分不变形。

<div style="width: 100%; position: relative; padding-bottom: 20%;"> <div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0;background-color:yellow;"> this content will have a constant aspect ratio that varies based on the width. </div> </div>

1
2
3
4
5
<div style="width: 100%; position: relative; padding-bottom: 20%;">
    <div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0;background-color:yellow;">
        this content will have a constant aspect ratio that varies based on the width.
    </div>
</div>

图片 9

*{
cursor: none!important;
}

HTML篇

当你供给写三个if语句的时候,无妨尝试另黄金时代种更便利的点子,用JavaScript中的逻辑操作符来替代。

页面具备ID的要素会创制全局变量

在一张HTML页面中,全数安装了ID属性的要素会在JavaScript的举行情状中开创对应的全局变量,那象征 document.getElementById 像人的阑尾同样显得多余了。但实际项目中最棒规矩该怎么写就怎么写,究竟常规代码出乱子的机遇要小得多。

<div id="sample"></div> <script type="text/javascript"> console.log(sample); </script>

1
2
3
4
<div id="sample"></div>
<script type="text/javascript">
        console.log(sample);
</script>

图片 10

以下两行轻便的CSS3代码可高达将文字模糊化管理的指标,出来的作用有一点点像使用PS的滤镜,so cool!

不评释第五个变量的值调换

咱俩都知晓沟通四个变量值的正规做法,那就是声称几在那之中级变量来暂存。但鲜有人去挑衅不申明中间变量的事态,下边包车型大巴代码给出了这种实现。蛮有创新意识的。

JavaScript

var a=1,b=2;a=[b,b=a][0];

1
var a=1,b=2;a=[b,b=a][0];

图片 11

因而设置父级窗口的 padding-bottom 能够高达让容器保持一定的长短比的指标,那在响应式页面设计中比较有用,能够维持成分不改变形。

你造么,能够把浏览器当编辑器

抑或浏览器地址栏上做小说,将以下代码贴到地址栏运维后浏览器变成了三个原有而轻便的编辑器,与Windows自带的notepad相同,吼吼。

data:text/html, <html contenteditable>

1
data:text/html, <html contenteditable>

图片 12

到底多亏损HTML5中新加的 contenteditable 属性,当成分钦赐了该属性后,成分的剧情成为可编制状态。

扩张,将以下代码放到console奉行后,整个页面将变得可编写制定,随便践踏吧~

JavaScript

document.body.contentEditable='true';

1
document.body.contentEditable='true';

图片 13

var text = document.getElementById('template').innerHTML

变迁随机字符串

使用 Math.random 和 toString 生成自由字符串,来自前黄金年代阵子见到的豆蔻梢头篇博文。这里的技艺是应用了 toString 方法能够接过三个基数作为参数的原理,这些基数从2到36封顶。假设不点名,暗许基数是10进制。略屌!

JavaScript

function generateRandomAlphaNum(len) { var rdmString = ""; for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)); return rdmString.substr(0, len); }

1
2
3
4
5
function generateRandomAlphaNum(len) {
    var rdmString = "";
    for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2));
    return rdmString.substr(0, len);
}

图片 14

内需介怀的是意气风发旦是透过copy paste代码到浏览器地址栏的话,IE及Chrome会自动去掉代码起先的javascript:,所以须要手动增加起来工夫准确实践,而Firefox中就算不会活动去掉,但它根本就不扶持在地方栏运维JS代码,sigh~
这一技能在本人的另生龙活虎篇博文《让Chrome 接管邮件连接,收发邮件更有益了》中有利用到,利用在浏览器地址栏中实践JavaScript代码将Gmail设置为系统的邮件接管程序。

轻易易行的文字模糊效果

以下两行轻巧的CSS3代码可直达将文字模糊化管理的目标,出来的职能有一点像使用PS的滤镜,so cool!

CSS

p { color: transparent; text-shadow: #111 0 0 5px; }

1
2
3
4
p {
    color: transparent;
    text-shadow: #111 0 0 5px;
}

图片 15

至于CSS的恶作剧

实时编辑CSS

经过设置style标签的 display:block 样式可以让页面包车型地铁style标签展现出来,何况增加contentEditable 属性后得以让体制作而成为可编写制定状态,改进后的体制效果也是实时更新突显的。此手艺在IE下无效。具有此本领者,逆天也!

<!DOCTYPE html> <html> <body> <style style="display:block" contentEditable> body { color: blue } </style> </body> </html>

1
2
3
4
5
6
7
8
<!DOCTYPE html>
<html>
    <body>
        <style style="display:block" contentEditable>
         body { color: blue }
        </style>
    </body>
</html>

图片 16

浏览器地址栏运营JavaScript代码

多种边框

有样学样,利用left和transform相似可达成程度居中,不过意义异常的小,究竟text-align和margin差不离满足急需了。

.center-horizontal {
position: relative;
left: 50%;
transform: translateX(-50%);
}

那一个很几个人应当照旧知道的,在浏览器地址栏能够直接运营JavaScript代码,做法是以 javascript: 开头后跟要实施的言辞。比方:

var a = document.createElement('a');
a.href = '';
console.log(a.host);

万物皆对象

data:text/html,<h1>Hello, world!</h1>

javascript:alert('hello from address bar :)');

//购销景况
var data = [{'品名': '杜雷斯', '数量': 4}, {'品名': '冈本', '数量': 3}];
console.table(data);

function parseURL(url) {
var a =  document.createElement('a');
a.href = url;
return {
     source: url,
     protocol: a.protocol.replace(':',''),
     host: a.hostname,
     port: a.port,
     query: a.search,
     params: (function(){
         var ret = {},
           seg = a.search.replace(/^?/,'').split('&'),
           len = seg.length, i = 0, s;
         for (;i<len;i++) {
             if (!seg[i]) { continue; }
             s = seg[i].split('=');
             ret[s[0]] = s[1];
         }
         return ret;
     })(),
     file: (a.pathname.match(//([^/?#]+)$/i) || [,''])[1],
     hash: a.hash.replace('#',''),
     path: a.pathname.replace(/^([^/])/,'/$1'),
     relative: (a.href.match(/tps?://[^/]+(.+)/) || [,''])[1],
     segments: a.pathname.replace(/^//,'').split('/')
};
}

创造长度宽度比固定的成分

对于金钱观的if语句,借使进行体代码超过了1 条语句,则须求加花括号,而使用逗号表明式,能够推行任性条代码而不用加花括号。

<script type="text" id="template">
<h1>This won't display</h1>
</script>

增加,将以下代码放到console施行后,整个页面将变得可编写制定,随便践踏吧~

应用script标签保存大肆音讯

if(conditoin) alert(1),alert(2),console.log(3);

(function() {
var oldAlert = window.alert,
      count = 0;
window.alert = function(a) {
     count++;
     oldAlert(a + "n You've called alert " + count + " times now. Stop, it's evil!");
};
})();
alert("Hello World");

<div id="sample"></div>
<script type="text/javascript">
console.log(sample);
</script>

行使那生机勃勃原理,微微扩充一下,就拿走了三个尤为康健的深入分析U奔驰M级L各部分的通用方法了。下边代码来自James的博客。

本文由澳门在线威尼斯官方发布于威尼斯澳门在线,转载请注明出处:原稿地址,前端无人问津的单向

关键词:

上一篇:没有了

下一篇:没有了