js 常见问题 4

(1)js创建组件

 

Js代码  

1.  //创建"+1"超链接  
2.         var addOneHref=document.createElement("a");  
3.         addOneHref.href="javascript:buy("+id22+")"  
4.         addOneHref.text="+1";  
5. addOneHref. innerHTML ="+1";  
6.   
7.         addOneHref.style.position="absolute";  
8.         addOneHref.style.bottom='10px';  
9.         addOneHref.style.left='20px';  
10.         addOneHref.style.size="20px";  
11.         addOneHref.className="deleteHrefClass";  
12.         alert(addOneHref);  
13.         $("#loadPanel").append(addOneHref);  

 

 

 

(2)获取div的高度和宽度

 

Js代码  

1. var coords = document.getElementById("coordAreas");  
2. ivLoc.innerHTML="  div:高度 "+coords.offsetHeight+" 宽度 "+coords.offsetWidth;  

 兼容IE8,IE9,火狐,chrome

 

 

(3)获取div的坐标

 

Js代码  

1. var divHeight=divObj.offsetHeight;//div自身的高度,包含border的宽度  
2.    var divWidth=divObj.offsetWidth;//div自身的宽度,包含border的宽度  
3.    var left22=divObj.offsetLeft;  
4.    var top22=divObj.offsetTop;  

 

 

 

(4)通过jQuery对象获取js对象

jQuery对象:var loadPanel22=$("#loadPanel");

js对象:loadPanel22.get(0)

 

(5)跨浏览器获取滚动条的位置

 

Js代码  

1. // Cross browser gets the position of scroll  
2. com.whuang.hsj.getScroll=function(){  
3.     return {  
4.         top:document.documentElement.scrollTop || document.body.scrollTop,  
5.         left:document.documentElement.scrollLeft || document.body.scrollLeft  
6.     }  
7. }  

 

 

(6)判断鼠标(光标)是否在div里面

 

Js代码  

1. /*** 
2.  * whether mouse is in the Div 
3.  * @param divObj 
4.  * @returns {boolean} 
5.  */  
6. com.whuang.hsj.isInDiv= function(event22,divObj,isFixed){  
7.     var pointer = getCoordInDocument(event22);//the location of mouse  
8.     var divHeight=divObj.offsetHeight;//div自身的高度,包含border的宽度  
9.     var divWidth=divObj.offsetWidth;//div自身的宽度,包含border的宽度  
10.     var left22=divObj.offsetLeft;  
11.     var top22=divObj.offsetTop;  
12.     if(isFixed){//position是否是fixed  
13.         top22+=com.whuang.hsj.getScroll().top  
14.     }  
15.     var maxX=divWidth+left22;//X坐标的最右边  
16.     var maxY=divHeight+top22;//Y坐标的最下边  
17.     if(pointer.x>=left22 && pointer.x<=maxX  &&pointer.y>=top22 && pointer.y<=maxY){  
18.         return true;  
19.     }else{  
20.         return false;  
21.     }  
22. }  

 getCoordInDocument方法参考  获取鼠标的位置/坐标  

应用:

 

 

Js代码  

1. window.document.οnmοusemοve=function(e){  
2.                     console.log(com.whuang.hsj.isInDiv(e,loadPanel22.get(0),true));  
3.                 }  

 

 

 

注意:

(1)js创建a标签时,超链接的文字如何设置呢?

光设置text 是不够的,因为IE不认text,IE认innerHTML