js跨域问题

问题：查询出来的数据传给了顶层网址。

报错信息：

火狐上的错误：
Permission denied to access property “document”
$(window.parent.document).find(“#database_name”).val(databaseName);

谷歌上的错误：
Uncaught SecurityError: Blocked a frame with origin “http://testetl.jrbdp.jd.com:8003” from accessing a frame with origin “http://test.jrbdp.jd.com“. Protocols, domains, and ports must match.

原因：一个jsp页面中使用了iframe引入了另一个页面，在iframe页面的js代码中执行了下面的语句：

$(window.parent.document).find("#database_name").val(databaseName);

id=database_name的元素在iframe页面中，而$(window.parent.document)指向的是父页面的document，iframe访问了父页面的元素，导致了跨域的问题。

解决方案：因为id=database_name是隐藏元素，所以将隐藏元素移到iframe页面，并且将上面的赋值语句改为对本页面的元素赋值：

$(document).find("#database_name").val(databaseName);

如果不是隐藏的元素，看其他人的做法是将iframe的引入路径设置为绝对路径。