js 常見問題 4

(1)js建立元件

 //建立"+1"超連結  

        var addOneHref=document.createElement("a");  

        addOneHref.href="javascript:buy("+id22+")"  

        addOneHref.text="+1";  

addOneHref. innerHTML ="+1";  

        addOneHref.style.position="absolute";  

        addOneHref.style.bottom='10px';  

        addOneHref.style.left='20px';  

        addOneHref.style.size="20px";  

        addOneHref.className="deleteHrefClass";  

        alert(addOneHref);  

        $("#loadPanel").append(addOneHref);  

(2)擷取div的高度和寬度

var coords = document.getElementById("coordAreas");  

ivLoc.innerHTML="  div:高度 "+coords.offsetHeight+" 寬度 "+coords.offsetWidth;  

 相容IE8,IE9,火狐,chrome

(3)擷取div的坐标

var divHeight=divObj.offsetHeight;//div自身的高度,包含border的寬度  

   var divWidth=divObj.offsetWidth;//div自身的寬度,包含border的寬度  

   var left22=divObj.offsetLeft;  

   var top22=divObj.offsetTop;  

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

js對象:loadPanel22.get(0)

(5)跨浏覽器擷取滾動條的位置

// Cross browser gets the position of scroll  

com.whuang.hsj.getScroll=function(){  

    return {  

        top:document.documentElement.scrollTop || document.body.scrollTop,  

        left:document.documentElement.scrollLeft || document.body.scrollLeft  

    }  

}  

(6)判斷滑鼠(光标)是否在div裡面

/*** 

 * whether mouse is in the Div 

 * @param divObj 

 * @returns {boolean} 

 */  

com.whuang.hsj.isInDiv= function(event22,divObj,isFixed){  

    var pointer = getCoordInDocument(event22);//the location of mouse  

    var divHeight=divObj.offsetHeight;//div自身的高度,包含border的寬度  

    var divWidth=divObj.offsetWidth;//div自身的寬度,包含border的寬度  

    var left22=divObj.offsetLeft;  

    var top22=divObj.offsetTop;  

    if(isFixed){//position是否是fixed  

        top22+=com.whuang.hsj.getScroll().top  

    var maxX=divWidth+left22;//X坐标的最右邊  

    var maxY=divHeight+top22;//Y坐标的最下邊  

    if(pointer.x>=left22 && pointer.x<=maxX  &&pointer.y>=top22 && pointer.y<=maxY){  

        return true;  

    }else{  

        return false;  

應用:

window.document.onmousemove=function(e){  

                    console.log(com.whuang.hsj.isInDiv(e,loadPanel22.get(0),true));  

                }  

注意:

(1)js建立a标簽時,超連結的文字如何設定呢?

光設定text 是不夠的,因為IE不認text,IE認innerHTML