web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。
第一种情况:给元素的某个事件行为绑定方法,事件触发,方法执行,此时方法中的this一般都是当前元素本身:
<divid="div"></div>div.onclick=function(){console.log(this);//=><divid="div"></div>};div.addEventListener('click',function(){console.log(this);//=><divid="div"></div>},false);
这里边有个特殊情况就是DOM2级绑定事件
div.attachEvent('onclick',functionanonymous(){console.log(this);//=>window});
第二种情况:普通函数执行,它里边的this是谁,取决于方法执行前面是否有“.”,有的话,“.”前面是谁this就是谁,没有的话并且是在非严格模式下this就是window,严格模式下是undefined:
functionfn(){console.log(this);}letobj={name:'OBJ',fn:fn};fn();//windowobj.fn();//{name:'OBJ',fn:fn}
第三种情况:构造函数执行(也即是new执行),函数中的this是当前类的实例:
functionF(){console.log(this);}letf=newF;//F{}
第四种情况:箭头函数中没有this,所用到的this都是其上下文中的this(或者说是上级上下文):
letobj={fn:()=>{console.log(this);}}obj.fn();//windowletobj={fn:function(){setTimeout(_=>{console.log(this);},1000);}};obj.fn();//obj
第五种情况:基于call/apply/bind可以改变函数中this的指向:
letobj={fn:function(){console.log(this);}}obj.fn();//objobj.fn.call(12);//12
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。