html框架元素<iframe>

Toc目录

<iframe>框架

<iframe id="" name="" height="100%" scrolling="no" width="100%" frameborder="0" test="" src="地址"></iframe>

Window frames 属性
frames 属性返回窗口中所有命名的框架。
修改框架的src值
示例：window.frames[0].location = "https://www.runoob.com/";
frames.length 框架集合的数量
注意事项：HTML5 不支持 <frame> 元素

网页中嵌入iframe框架数据传输问题
同源或者跨域

不能直接获取到框架下的dom对象
如 document.querySelectorAll('input[type="password"]'); 是获取不到iframe框架里的input元素的

就会报如下错误
Blocked a frame with origin "网址" from accessing a cross-origin frame.

总感觉使用iframe框架是一种不友好的情况

通过设置相同 document.domain = "主域名"; 实现子域名间跨越通信
获取框架下的DOM
var doc = ifr.contentDocument || ifr.contentWindow.document;

点赞(0)👍 👎