jquery获取父页面元素
使用 window.parent 访问父页面
通过 window.parent 可以获取父页面的全局对象，进而操作父页面的 DOM 元素。
// 在 iframe 中获取父页面的元素
var parentElement = window.parent.document.getElementById('parentElementId');使用 parent.$ 调用父页面的 jQuery
如果父页面已加载 jQuery，可以通过 parent.$ 直接使用父页面的 jQuery 方法。
// 在 iframe 中通过父页面的 jQuery 选择元素
var parentElement = parent.$('#parentElementId');跨域限制与解决方法
若父子页面域名不同，浏览器会因安全策略阻止跨域访问。解决方法包括：
- 设置
document.domain（仅适用于主域相同、子域不同的情况）。 - 使用
postMessage进行跨域通信。// 子页面发送消息 window.parent.postMessage('requestElement', 'https://parent-domain.com');
// 父页面监听消息 window.addEventListener('message', function(event) { if (event.origin === 'https://child-domain.com') { var element = document.getElementById('targetElement'); event.source.postMessage(element, event.origin); } });
### 通过 `contents()` 访问嵌套 iframe
若需从父页面访问子 iframe 的元素，可使用 jQuery 的 `contents()` 方法。
```javascript
// 父页面获取子 iframe 的元素
var childElement = $('#iframeId').contents().find('#childElementId');注意事项
- 确保父页面和子页面的 jQuery 版本兼容。
- 跨域操作需双方页面协同实现通信逻辑。
- 动态加载的 iframe 需等待其
load事件触发后再操作。
