javascript - 谁拥有创建标签的网站和标签中包含内容的网站之间的 iframe 标签?

标签 javascript jquery html iframe

我一直想知道 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 拥有所有。

frameswindow 的属性,在 frames 内是独立的窗口。

同样,页面的 document 是窗口的属性。

浏览器安全规则根据主窗口的域以及在与任何更高级别的窗口交互方面允许的框架来决定您可以做什么或不可以做什么。

在您的页面(文档)中,您应该可以毫无问题地访问 iframe 标记并设置或获取属性。但是,页面可以设置框架阻止 header 以防止在另一个框架中加载

需要更多详细信息来解决无法获取数据属性值的问题

关于javascript - 谁拥有创建标签的网站和标签中包含内容的网站之间的 iframe 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31546710/

相关文章:

javascript - 只有源时图像更改样式

javascript - 仅 Flexslider 水平滑动不起作用

javascript - 动态加载/卸载外部JS

php - Jquery 表单插件

javascript - jquery 正斜杠转义

javascript - angularjs 点击标签文字消失

javascript - 如何从按钮属性中获取数据?

javascript - Firefox AttachEvent 和 addEventListener 均存在问题

jquery - 使用 Jquery 获取点击时的数据属性

html - CSS - flexbox 问题