热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

js常见问题4

(1)js创建组件Js代码创建1超链接varaddOneHrefdocument.createElement(a);addOneHref.hrefjavascript:b

(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>&#61;left22 && pointer.x<&#61;maxX  &&pointer.y>&#61;top22 && pointer.y<&#61;maxY){  
  18.         return true;  
  19.     }else{  
  20.         return false;  
  21.     }  
  22. }  


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

 

 

Js代码  收藏代码
  1. window.document.οnmοusemοve&#61;function(e){  
  2.                     console.log(com.whuang.hsj.isInDiv(e,loadPanel22.get(0),true));  
  3.                 }  
 

 

 

注意:

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

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




推荐阅读
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • Linux重启网络命令实例及关机和重启示例教程
    本文介绍了Linux系统中重启网络命令的实例,以及使用不同方式关机和重启系统的示例教程。包括使用图形界面和控制台访问系统的方法,以及使用shutdown命令进行系统关机和重启的句法和用法。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 本文介绍了一个在线急等问题解决方法,即如何统计数据库中某个字段下的所有数据,并将结果显示在文本框里。作者提到了自己是一个菜鸟,希望能够得到帮助。作者使用的是ACCESS数据库,并且给出了一个例子,希望得到的结果是560。作者还提到自己已经尝试了使用"select sum(字段2) from 表名"的语句,得到的结果是650,但不知道如何得到560。希望能够得到解决方案。 ... [详细]
  • Iamtryingtomakeaclassthatwillreadatextfileofnamesintoanarray,thenreturnthatarra ... [详细]
  • 本文分享了一个关于在C#中使用异步代码的问题,作者在控制台中运行时代码正常工作,但在Windows窗体中却无法正常工作。作者尝试搜索局域网上的主机,但在窗体中计数器没有减少。文章提供了相关的代码和解决思路。 ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • javascript  – 概述在Firefox上无法正常工作
    我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]
  • Spring特性实现接口多类的动态调用详解
    本文详细介绍了如何使用Spring特性实现接口多类的动态调用。通过对Spring IoC容器的基础类BeanFactory和ApplicationContext的介绍,以及getBeansOfType方法的应用,解决了在实际工作中遇到的接口及多个实现类的问题。同时,文章还提到了SPI使用的不便之处,并介绍了借助ApplicationContext实现需求的方法。阅读本文,你将了解到Spring特性的实现原理和实际应用方式。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • PHP中的单例模式与静态变量的区别及使用方法
    本文介绍了PHP中的单例模式与静态变量的区别及使用方法。在PHP中,静态变量的存活周期仅仅是每次PHP的会话周期,与Java、C++不同。静态变量在PHP中的作用域仅限于当前文件内,在函数或类中可以传递变量。本文还通过示例代码解释了静态变量在函数和类中的使用方法,并说明了静态变量的生命周期与结构体的生命周期相关联。同时,本文还介绍了静态变量在类中的使用方法,并通过示例代码展示了如何在类中使用静态变量。 ... [详细]
author-avatar
a_2502881181
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有