2020-3-29

题目一:
JavaScript 获取div在页面中坐标
以div为例,获取一个元素在页面中的位置。
代码和

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<style type="text/css">
*{padding:0px;margin:0px;
}
#thediv{width:100px;height:125px;margin:200px;background:green;text-align:center;font-size:12px;line-height:125px;
}
</style> 
<script type="text/javascript">  
function getIE(e,show){//此函数可以获取响应对象在页面的位置,并将位置显示在指定元素中,第一个参数是要获取位置的元素对象,第二个参数是显示位置的元素对象。var t=e.offsetTop;//返回元素距离最近定位父级元素顶部的距离,如果父级中没有定位元素,则返回距离body顶端的距离var l=e.offsetLeft;//返回元素距离最近定位父级元素左部的距离,如果父级中没有定位元素,则返回距离body左端的距离。while(e=e.offsetParent){t+=e.offsetTop;l+=e.offsetLeft;}//因为有可能元素是被多层嵌套的,所以相关距离需要进行叠加。show.innerHTML="top="+t+"/nleft="+l;//将位置数据写入指定对象。}
window.onload=function(){var odiv=document.getElementById("thediv");var oshow=document.getElementById("show");getIE(odiv,oshow)
}
</script>
</head>
<body>
<div id="show">测试</div>
<div id="thediv">测试</div>
</body>
</html>

相关知识:
(1).offsetTop属性参阅JavaScript offsetTop。
(2).offsetParent属性参阅JavaScript offsetParent。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/449216.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java缓存浅析

拿破仑说&#xff1a;胜利属于坚持到最后的人。 而正巧&#xff0c;咱们今天就是要聊一个&#xff0c;关于怎么让系统在狂轰乱炸甚至泰山压顶的情况下&#xff0c;都屹立不倒并坚持到最后的话题——缓存。 Victory belongs to the most persevering. — Napoleon Bonaparte, Fr…

六个月学会一门语言

大多数人都会将学习第二语言&#xff08;或第三第四语言&#xff09;列为他们首先要完成的人生必做事情。但是&#xff0c;作为一个成人&#xff0c;怎样才能快速有效地学习新语言呢&#xff1f; Chris Lonsdale是一名来自新西兰的心理学家&#xff0c;他在香港开了一家公司。他…

Cookie 解说(分类、用途、缺陷、功能 ...)

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 Cookie&#xff08;复数形态Cookies&#xff09;&#xff0c;中文名称为“小型文本文件”或“小甜饼”&#xff0c;指某些网站为了辨别用…

需求规格说明书1.0

1.引言 1.1目的 该文档是关于我们组的记事本安卓APP和网页版本的功能和性能的描述&#xff0c;重点描述了系统的功能需求&#xff0c;并作为系统设计的主要输入。 本文档的预期读者包括&#xff1a;需求分析人员&#xff0c;设计人员&#xff0c;开发人员&#xff0c;项目管理人…

2020-3-30

题目一&#xff1a; JavaScript 将数组原有的顺序打乱 function le(){ //创建一个函数作为sort()函数的参数。return 0.5-Math.random(); //返回一个数字可能大于零也可能小于零&#xff0c;这样就可以实现随机排序功能&#xff0c; } var arr[]; //声明一个空数组。for(var i…

vuecli3+webpack4优化实践(删除console.log和配置dllPlugin)

本文主要介绍如何在vuecli3生成的项目中&#xff0c;打包输出时删除console.log和使用dllplugin&#xff0c;并记录了配置过程中踩到的坑。 &#xff08;本人水平有限&#xff5e;希望大家多多指出有误的地方&#xff09; 一、生产环境中删除console.log 在开发代码中写的conso…

伤肾的九个恶习及解决办法(图)

近年来&#xff0c;很多人都在通过各种药物保护肾脏&#xff0c;其实&#xff0c;在生活中形成的各种不良饮食和生活习惯在不停地伤害你的肾&#xff0c;只是你未曾注意到而已。所以要保护好你的肾脏&#xff0c;必须从改变不良饮食和生活习惯开始。 不爱喝水 大部分男人对喝…

CC-BY-NC-SA (创作共用许可协议)

创作共用许可协议 &#xff08;英语&#xff1a;Creative Commons license&#xff0c;简称CC许可&#xff09; 是一种公共版权许可协议&#xff0c;其允许分发受版权保护的作品。一个创作共用许可&#xff0c;用于一个作者想给他人分享、使用、甚至创作派生作品的权利。创作共…

2020-3-31

题目一&#xff1a; 评论敏感词过滤代码&#xff0c;很多时候需要对一些评论或者文章中的敏感词进行过滤。 <!DOCTYPE html> <html> <head> <meta charset"utf-8"> </head> <script type"text/javascript"> window.o…

快速通读《现代软件工程——构建之法》

在快速通读《现代软件工程——构建之法》后&#xff0c;我有如下问题&#xff1a;Q1&#xff1a;第一章通过形象的例子告诉我们什么是软件工程&#xff0c;介绍了软件工程的各个阶段&#xff0c;对软件工程的概念及它的特性做了较为生动而详细的介绍&#xff0c;那么为什么需要…

Java 对象的序列化和反序列化

一.序列化和反序列化的概念 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 把对象转换为字节序列的过程称为对象的序列化。 把字节序列恢复为对象的过程称为对象的反序列化。 对象的序列…

不可重入锁和可重入锁

不可重入锁也叫自旋锁 指当一个方法调用了锁之后&#xff0c;如持有本锁的另一个方法也想执行&#xff0c;将会进入等待。那么想要使用这个方法必须先释放锁方可调用 public class Lock{private boolean isLocked false;public synchronized void lock() throws InterruptedEx…

家长必看 父母须知孩子社交圈九要点(组图)

孩子在慢慢的长大&#xff0c;总要接触外面的环境、接触到更多的人&#xff0c;也需要自己的社交圈。那么孩子的社交圈父母要知道9点。 1、妈妈是第一个“好朋友” 孩子社交的第一步从出生就开始了。虽然小小的他躺在那里还不能说话&#xff0c;但是通过哭、目光接触、笑等表…

2020-4-1

题目一 页面加载图片的时候&#xff0c;可能由于各种原因导致加载失败。 为了页面的人性化&#xff0c;在失败的时候通常会使用一张给定的图片替代。 <img src"logo.gif" onerror"javascript:this.srcdefault.gif" > //上面代码本来要加载logo.gif…

NGINX 配置超时时间

一、啥时候用到 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 用来设置请求资源和服务器返回的时间&#xff0c;保证一个请求占用固定时间&#xff0c;超出后报504超时&#xff01;这…

kettle变量(param命名参数)

1、定义&#xff1a; 编辑-设置-命名参数 在当前界面下定义参数名称和缺省值。 2、引用&#xff1a;原始数据 通过${var}引用变量 输出 注&#xff1a;1、字符串在命名参数引用是需要添加单引号的&#xff0c;但位置参数是不需要进行转译&#xff1b; 2、引用变量时需要勾选替换…

Excel操作

区间范围计算 方法一:用IF函数 方法二:构建一个辅助区域&#xff0c;用VLOOKUP函数 方法一:用IF函数 在F3中输入:IF(E3>90%,5%,IF(E3>80%,4%,IF(E3>70%,3%,IF(E3>60%,2%,1%)))) 向下拖动,搞定。 示例&#xff1a; IF(BB2<0.5,"50及以下",IF(AND(BB2&g…

养心灵,才能美容颜,拥有好日子(图)

“养心&#xff0c;就是在养颜”&#xff0c;说得多好啊。我们的脸是不会说谎的镜子&#xff0c;即使再巧妙的掩饰&#xff0c;也会在脸上显露出蛛丝马迹。 一个尖刻的人&#xff0c;嘴角的纹路必然多而杂;一个工于心计的人&#xff0c;脸色必定是阴沉暗淡的;一个无知的人&…

2020-4-2

题目一 利用事件冒泡原理实现了获取td单元格内容的功能。 <!DOCTYPE html> <html> <head> <meta charset" utf-8"> <style type"text/css"> #table{ width:300px; height:100px; border:1px solid #ccc; border-c…

AGC008D K-th K

题意简述&#xff1a;给你一个长度为\(N\)的整数序列\(x\)&#xff0c;请判断是否存在一个满足下列条件的整数序列\(a\)&#xff0c;如果存在&#xff0c;请构造一种方案。 1.\(a\)的长度为\(N^2\)并且满足数字\(1,2,3,\cdots,N\)都各出现恰好\(N\)次 2.对于\(1<i<N\)&am…