for循环获取坐标

简单了解一下for循环获取坐标,for循环是js中经常用到,一般情况下,页面上有很多元素的情况下,我们不可能一一的去添加,所以就会用到for循环。今天先简单写一个获取页面元素的坐标,首先先动态给页面添加10个div,并把每个div写一个50*50的宽高给个绝对定位;然后要实现的效果是让每个div都依次的排开;代码如下:

 1 <script>
 2 window.onload = function (){
 3     var aDiv = document.getElementsByTagName(‘div‘);//获取页面上div
 4
 5     for( var i=0; i<11; i++ ){
 6         document.body.innerHTML += ‘<div>‘ + i + ‘</div>‘;//动态添加10个div并写上号码
 7     }
 8
 9     for( var i=0; i<aDiv.length; i++ ){
10         aDiv[i].style.left = 10 + i*50 + ‘px‘;12     }
13
14 };
15 </script>

好了,今天就是简单的了解下for循环,明天继续!

时间: 2024-08-29 22:13:56

for循环获取坐标的相关文章

在Google Map中使用地址获取坐标(适用小数据量)

近期手上有个95条数据的地址信息,想把地址转换成经纬度坐标,叠加在底图上.ESRI的online作为专业的云平台,号称提供地理编码服务,可能使用自己的数据制作Web map,于是转成CSV后试了下,结果只有4条记录转换成坐标了,并且都偏离了一个省的范围,基本上不可用.后来想在google earth上试下,使用地址搜索,也不知道是服务器慢,还是什么其他原因,earth的搜索功能简直处于瘫痪状态,打一个地址,10分钟能反应过来,结果基本上是找不到.无奈之下,又试了试google Map,Map上是

百度地图 layer弹出地图 获取坐标

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>layer弹出百度地图</title> <script src="jquery.min.js"></script> <script src="layer/layer.js"><

循环获取某个class下的多个select的选中值

//循环获取某个class下的多个select的选中值 function eachSelect(cla){ var val = ""; $("."+cla).each(function(){ $(this).find("select").each(function(){ var xm = $(this).children("option:selected").html(); var rybh = $(this).childre

android应用循环获取资源Id之引导页

目前市面上几乎所有的APP应用在第一次使用时都会有个引导页面,要么用引导用户操作,要么介绍产品优势,要么用来打广告等.引导页面一般是由3-6张图形界面组成,好的引导页面也不失为该app的亮丽风景!今天我也来说说引导页面的设计(当然有N种方法),我只是把我们项目中用到的方法代码贴出来,方便自己做个笔记. 我们实现的原理很简单,就是用一个ViewPager全屏展示一些图片,主要代码如下: 主页面布局: <?xml version="1.0" encoding="utf-8&

for循环/计算坐标

for循环计算坐标 webqq里面有类似桌面的各种图标,是绝对定位的,这样可以拖动改变位置,用浮动的话,没法拖动. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{width:50px;height:50px;background:re

【HERE地图开发记录】点击地图获取坐标

最近的一个项目需要获取国外较多的POI等信息,GOOGLE在墙内开发实在麻烦,最后选用了N记的HERE地图,在这里不定期记录一些东西. 开发起来麻烦的东西是挺多的,特别是我之前也没接触过地图开发,一来就使用这个少人使用的地图来开发,很多问题基本GOOGLE stackoverflow没搜到有用的,关于API的话,例子还是足够的,不过前面说到由于个人没做过地图开发,找起来挺费劲的,官网的搜索引擎实在不敢恭维. 这篇博文主要记录下怎么样在点击地图某处后获取坐标(本文会用JS API) 1. 首先前面

关于获取坐标的一些记录 ——分析淘宝放大镜效果的原理

这是距离相关的 el.offsetTop 表示的是元素el到body的最顶部的距离 : 就是body有多高 就是多高的距离,不会因为缩放窗口而改变. el.offsetWidth 是el元素的看起来的宽度 ,padding也会被算上 el.clientWidth 是获取元素的宽度 这里就额外提一下. 以下是鼠标坐标的: e.movementY 是鼠标点相对于上一次的坐标的移动距离 一般都不准确 e.pageY 是鼠标点相对于body的距离 随着鼠标移动一直变化 以下是网上查到的一些资料 网页可见

【API】高德地图API JS实现获取坐标和回显点标记

1.搜索+选择+获取经纬度和详细地址 2.回显数据并点标记 3.实现 第一步:引入资源文件 <!--引入高德地图JSAPI --><script src="//webapi.amap.com/maps?v=1.3&key=在官网申请一个key"></script><!--引入UI组件库(1.0版本) --><script src="//webapi.amap.com/ui/1.0/main.js">

第5章7节《MonkeyRunner源码剖析》Monkey原理分析-启动运行: 循环获取并执行事件 - runMonkeyCycles(原创)

天地会珠海分舵注:本来这一系列是准备出一本书的,详情请见早前博文"寻求合作伙伴编写<深入理解 MonkeyRunner>书籍".但因为诸多原因,没有如愿.所以这里把草稿分享出来,所以错误在所难免.有需要的就参考下吧,转发的话还请保留每篇文章结尾的出处等信息. Monkey启动之后需要在整个MonkeyRunner的测试生命周期中提供服务,也就是说,一旦我们调用monkeyrunner命令来执行指定的测试脚本的时候,只要monkeyrunner还没有退出,那么Monkey就会