前端基础(3)js

1.(function(){})

立即使用,类似java的静态代码块

2.for(var n in obj)

for(var n in obj){console.log(obj[n])}//类似java的foreach

3.console(“name” in mc)

检查mc对象中是否有某一个属性 ,console(“name” in mc)  倘若在自身中没有找到会相应的在原型中寻找。

4.console(mc.hasownproperty(“name”))

检查mc对象自身中是否含有某一个属性 console(mc.hasownproperty(“name”))这个方法只有在自身中含有相应的属性才返回true

5.call()与apply()

调用函数的执行 例如 var fun=new function(){};fun.call(),()中也可以指定this的对象,也可以如call(对象,参数1,参数2)书写,对象指向this,参数1,参数2作为函数的形参

apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。

apply:最多只能有两个参数——新this对象和一个数组argArray。如果给该方法传递多个参数,则把参数都写进这个数组里面,当然,即使只有一个参数,也要写进数组里。如果argArray不是一个有效的数组或arguments对象,那么将导致一个TypeError。如果没有提供argArray和thisObj任何一个参数,那么Global对象将被用作thisObj,并且无法被传递任何参数。

call:它可以接受多个参数,第一个参数与apply一样,后面则是一串参数列表。这个方法主要用在js对象各方法相互调用的时候,使当前this实例指针保持一致,或者在特殊情况下需要改变this指针。如果没有提供thisObj参数,那么 Global 对象被用作thisObj

6.this

1)当直接的全局作用域中调用函数,那么this是window;

2)当以方法的形式调用时,谁调用方法this就是谁

3)当函数作为构造函数是那么this指的是新建的对象

7.onload

整个页面加载完成后加载,绑定方式:image window layer  都可以,常用的是window  绑定:window.onload;

8.取消默认跳转:

在事件函数的末尾设置renturn false 也可以在href属性中填写JavaScript:;。

9.修改及读取css的样式

语法 :元素.style.width

注意css的样式名中有减号在js中不合法的,需要将这样样式名修改为驼峰命名法  例如background-color  改为backgroundColor,倘若样式中写了!important 则此时样式会有最高的优先级,读方式box1.style.width,通过style属性读取的都是内联样式 ,无法读取样式表中的样式,currentStyle获取当前显示的样式如果没有设置相应的格式那么会读取默认的值 只有ie支持;其他浏览器都不支持;在其他浏览器中可以使用getcomputedstyle()这个方法来获取元素的当前属性,window的方法,可以直接使用,  这其中需要两个相应的参数,第一个,要获取样式的元素,第二个为伪元素,一般是选择null,该方法会返回一个对象,该对象中封装了当前元素对应的样式,例如getcomputedstyle(box1,null).width, currentStyle和getcomputedstyle()有一定的区别,getcomputedstyle()在没有设置宽度是  读取的是auto,而 currentStyle获取的值是当前显示的像素值; getcomputedstyle()不支持ie8及以下的ie浏览器

10.冒泡

event.stopPropagation();方法可以阻止该事件向上冒泡。

阻止事件冒泡和阻止事件默认行为:return false;

阻止事件默认行为:event.preventDefault();

11.构造函数

function person(name,age,address){
             this.name=name;
             this.age=age;
             this.address=address;
             this.sayname=fun;
 }
var men=new person("张三",23,"花果山");

12.prototype和 _proto_

prototype是函数的内置属性,每个函数都有一个prototype属性,显示修改对象的原型的属性。
_ proto_ 是一个对象的内置属性,每个对象都会有一个 _ proto _ 属性,当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,那么他就会去 _ proto _ 里找原型中寻找这个属性, _ proto _ 又会有自己的 _ proto _,一致到null为止,隐式完成的

13.实例

1)界面

待续

2)代码

猜你喜欢

转载自www.cnblogs.com/gg128/p/9576584.html
今日推荐