<iframe class="KJ-IFRAME" src="am003.html" width="100%" height="138" frameborder="0" scrolling="no"></iframe> iframe调用了一个其他域名的网页,我现在想通过覆盖的方式,在这个iframe上,覆盖一个div层,具体要怎么写
由于 iframe 中加载的页面来自于其他域名,因此无法直接通过 JavaScript 操作 iframe 中的内容。如果该页面允许跨域访问,你可以使用 postMessage 方法来实现跨域通信并操作 iframe 中的内容。
如果不能跨域访问该页面,你可以考虑通过修改 iframe 的 src 属性,将需要显示的内容直接嵌入到 iframe 中。例如,你可以将要显示的 div 层放在同一域名下的一个页面中,然后将该页面作为 iframe 的 src 属性值。同时,你需要设置 iframe 的宽度和高度,使其覆盖整个 iframe 区域。
示例代码:
<iframe class="KJ-IFRAME" id="myIframe" width="100%" height="138" frameborder="0" scrolling="no"></iframe>
<script>
// 获取 iframe 元素
var iframe = document.getElementById('myIframe');
// 修改 iframe 的 src 属性,将要显示的内容嵌入到 iframe 中
iframe.src = 'http://example.com/myDiv.html';
// 设置 iframe 的宽度和高度,使其覆盖整个 iframe 区域
iframe.style.width = '100%';
iframe.style.height = '138px';
</script>
原文地址: https://www.cveoy.top/t/topic/tNB 著作权归作者所有。请勿转载和采集!