在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容鼠标点击位置坐标相对于屏幕
如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screenY获取的是点击位置相对于屏幕的左边距与上边距，不考虑ifr a me因素，不同浏览器下表现的还算一致。 代码如下:f
父窗口中操作ifr a me：window.frames[“ifr a meChild”].document //假如ifr a me的id为ifr a meChild 在子窗口中操作父窗口：window.parent.document 那么，用如果想用jquery的方法，我们怎么用jquery来获取ifr a me呢？下面是一下收集来的方法。 获取页面的对象其实就是dom方法外面加上jquery的选择符： 父窗口中操作ifr a me：$(window.frames[“ifr a meChil
ifr a me在复合文档中经常用到，利用jquery操作ifr a me可以大幅提高效率，这里收集一些基本操作
DOM方法：父窗口操作ifr a me：window.frames[“ifr a meSon”].documentifr a me操作父窗口: window.parent.document
jquery方法:在父窗口中操作 选中ifr a me中的所有输入框： $(window.frames[“ifr a meSon”].document).find(“:text”);在ifr a
获取ifr a me的document对象的目的就是进行dom的操作
$(function() {
var result = $('#myframe').prop('contentWindow').document;
console.log(result);
});
这样输出来的结果是：document对象
这里简单说明两个方法，都是未跨域情况下在index.html内操作b.html内的 DOM。
如：index.html内引入ifr a me，在index内如何用JS操作ifr a me内的DOM元素？
先贴下index.html和ifr a me引入的a.html内容。
index->
a.html
ifr a me里的元素！
法一：
var
父窗口中操作ifr a me：$(window.frames[“ifr a meChild”].document) //假如ifr a me的id为ifr a meChild 在子窗口中操作父窗口：$(window.parent.document) 接下来就可以继续获取ifr a me内的dom了。 获取ifr a me内的dom对象有两种方法 1 $(window.frames[“ifr a meChild”].document).find(“#child”) 2 $(“#child”,win
