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

开发者社区> 开发与运维> 正文
登录阅读全文

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.onmousemove=function(e){  
  2.                     console.log(com.whuang.hsj.isInDiv(e,loadPanel22.get(0),true));  
  3.                 }  
 

 

 

注意:

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

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

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

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章
展开