将坐标换算成百分比及批量坐标的换算

  在前端开发时，经常会遇到这样一个问题，坐标无法随着窗口的大小自动变化，即需要将x,y坐标换算成百分比的形式，才可以适应各种定位：问题关键是将坐标值定义为与窗口大小的百分比的形式，怎么解决呢？

 首先分析问题，坐标值可以自己取出，窗口大小也可以取出，然后两个相除，即可得到百分比，如下方法：

   1取得width及height为100%的div的宽与高：var Div=document.getElementById("div");  div.clientWidth和div.clientHeight；

   2取得元素的x,y坐标；

   3 二者相除，然后存入数据库，当使用时，加载出数据库的百分比坐标，然后再乘以窗口的宽与高；

 笔者在做的时候遇到这样一个问题，页面上的坐标很多，如何将很多的坐标的百分比进行换算呢，解决如下：

  4 首先取得所有的坐标，使用标记所有的坐标标签的name，使其name中都包含相同的字符串_num，然后使用jquery取得所有坐标标签的集合：$("div[name$='_num']");最后for遍历一下即可；