js 常见问题 4-阿里云开发者社区

js 常见问题 4

2016-05-10 1617

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

(1)js创建组件

    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的高度和宽度

    Js代码  
     
   
var coords = document.getElementById("coordAreas");  
ivLoc.innerHTML=" &nbsp;div:高度 "+coords.offsetHeight+"&nbsp;宽度 "+coords.offsetWidth;  

兼容IE8,IE9,火狐,chrome

(3)获取div的坐标

    Js代码  
     
   
var divHeight=divObj.offsetHeight;//div自身的高度,包含border的宽度  
   var divWidth=divObj.offsetWidth;//div自身的宽度,包含border的宽度  
   var left22=divObj.offsetLeft;  
   var top22=divObj.offsetTop;  

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

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

js对象:loadPanel22.get(0)

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

    Js代码  
     
   
// 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里面

    Js代码  
     
   
/*** 
 * 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;  
    }  
}  

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

应用:

    Js代码  
     
   
window.document.onmousemove=function(e){  
                    console.log(com.whuang.hsj.isInDiv(e,loadPanel22.get(0),true));  
                }  

注意:

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

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

js 常见问题 4

热门文章

最新文章

相关课程

相关电子书

相关实验场景