我一直想知道 iframe 内容脚本的边界在哪里。哪个元素是 iframe 内容的最高父级。 iframe 本身或“html”
我尝试了以下操作,但后来我意识到 iframe 中的脚本无法访问 iframe 元素属性,并且没有抛出警告。
以下脚本驻留在 iframe 中。
<script>
$(document).ready(function(e) {
$(document).on('click', '.subscribe_submit', function(){
console.log($('.iframe').attr('data-test'));
//////////// data-test returns undefined for this.
</script>
而iframe是这样的。
<iframe data-test="$2y$12$PPuMZWPdy.zhaVnGWV7SD.Tqhw87qLe4e.vaTtWuIccxLrUFu/cda"></iframe>
*这是跨源。 *在数据测试中,不是密码,我只是使用 PHP 密码 API 来加密该字符串。
最佳答案
浏览器 window
拥有所有。
frames
是 window
的属性,在 frames 内是独立的窗口。
同样,页面的 document
是窗口的属性。
浏览器安全规则根据主窗口的域以及在与任何更高级别的窗口交互方面允许的框架来决定您可以做什么或不可以做什么。
在您的页面(文档)中,您应该可以毫无问题地访问 iframe 标记并设置或获取属性。但是,页面可以设置框架阻止 header 以防止在另一个框架中加载
需要更多详细信息来解决无法获取数据属性值的问题
关于javascript - 谁拥有创建标签的网站和标签中包含内容的网站之间的 iframe 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31546710/