【嘉兴东臣php】BOM DOM JS

BOM:基于浏览器的结构模型

例子:windo.close();

DOM:基于文档的结构模型(document)

获取控件数值的方式:
1。onchange ="changenumber(实参)";
2。 document.getElementByXX("id或者name");
写(onclick)事件的方法:
1。直接在控件中写属性οnclick="xxxxx()";
2。document.getElementById().addEventListener("click",function(){})
3。document.getElementById().οnclick=function(){};
在函数内部写一个 a=100; 算全局变量
函数调用:
函数调用顺序:先预编译后执行 预编译还分三步:function
scope(作用域)
scope的划分是以function来划分的,if、for这些不能划分scope
隐式全局变量  无var定义的变量
明式全局变量  有var定义的变量
以var  abc = function() {  }形式定义的函数执行优先级比
以 function abc(){  }形式定义的函数高

setattribute(x); x表示属性名  这句表示修改属性的名字或者值

getattribute(x,y); x表示已经定义了的属性名,只要是属性,有值就可以用getattribute查询属性值  y表示自定义属性的值

getElementById,getElementsByName,getElmentsBytagName------------------------------------------------------------

getElementById是获取元素节点的id,可以和setattribute配合用

document.getElementById("xxx").setattribute(x,y);//修改元素节点的属性名和属性值

document。getElementById("xxx").getattribute(x);//获取元素节点的属性值

getElementsByName("xxx")是获取元素节点的名字注意是Elements,因为元素节点的name属性是可以相同的我,前提是这些元素节点的name属性值一样

getElementsBytagname("xx")是获取同一类型的元素节点,返回的元素列表是按数组的形式,按照在document中排列的顺序放置在数组中的

例子:

<body>
<div></div>
<div></div>
<div></div>
<div></div>
</body>

使用document.getElmentBytagName("div")[2];

获得的就是第三个div的值,因为tagName返回的是数组,我认为是数组

值得一提的是:在js中,对象没有像length这种属性。

作用域:js就一个函数作用域

1、编译阶段 优先 
 2、执行阶段 从上到下

 预解析的概念:其实就是把JS代码中的所有的var,function 执行预编译,再把代码从上到下按顺序执行。注意:所有的var 变量 不管是有没有赋值,它的预解析结果都为undefined。
 var abc = function(){

 }

作用域法则:
 1、JS中,没有块作用域,只有函数作用域,全局变量可以在函数中使用,但是局部变量不能在全局使用。
 2、就近原则,在函数内,所有的变量会进行预解析,也就是说如果在函数内,有函数存在并且赋值了,那这个变量的初始值还是undefined。直到赋值过后使用开始,这个值重新被赋予。
 另外需要注意的是:在函数作用域内,在有这个变量的前提下,不加var,JS编译器认定该变量为全局变量。
 另外特别需要指出的是:就近原则是指,在当前作用域范围内优先查找,如果找不到则去外层查找。
 var a;
 function abc(){
  alert( a );
  a = 100;
 }
 abc();
 
 3、在JS中,如果参数名和局部的变量名相等的时候,是会有优先级的情况的,一般优先执行参数。
 var  a = 100;
 function  abc( a ){
  a = 200; //因为在作用域内所以它还是会优先去找作用域范围内的,当找到参数a的时候,它变成的作用域范围内的赋值,没有去外层。
 }
 abc( a );
 alert( a ); //100
 
注意事项:1、在JS中,是可以重新定义变量或者函数的。通过在相同的表示方法内,如果需要开启预解析,一般会后面的函数替换掉前面的函数。
 2、 var abc = function(){

 } 像以上这种形式的函数,一般执行预解析的结果,都会成这样:var abc = undefined 也就是右边function(){} 没有被预解析。

 注意:当参数名相同的时候,打印的值,一般为最后一个参数。
 var a,b,c=100;
 function abc( a ,a, a){
  alert( a );//100
 }
 abc( a ,b ,c);

 

 

 

转载于:https://my.oschina.net/u/2551059/blog/548209

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值