javascript-DOM基本操作(2)

1.视口坐标和文档坐标
a.视口坐标(窗口坐标):相对window(浏览器可视范围)左上角,会根据滚动条的变化 而变化. 可视高度/宽度:document.documentElement.clientHeight/clientWidth;
getBoundingClientRect() 返回视口坐标,和高宽.
b.文档坐标:相对整个文档左上角,固定不变的.
获取文档坐标函数:
function getPosition(ele){
var oP=ele.offsetParent;
var x=ele.offsetLeft;
var y=ele.offsetTop;
while(oP){
x=x+oP.offsetLeft+oP.clientLeft;
y=y+oP.offsetTop+oP.clientTop;
oP=oP.offsetParent;
}
return {x:x,y:y}
}

Paste_Image.png

2.JSON数据字符串转化成数组
a.JSON.parse() [常用]
b.使用eval("("+json+")");
c.(new Function("return " + json)())