代码之家 › 专栏 › 技术社区 › Zenoo

Instanceof在iframe[duplicate]中失败

instanceof iframe javascript

Zenoo · 技术社区 · 7 年前

下面的代码返回 true .

console.log(document.createElement('script') instanceof Element);

以同样的方式 <iframe> 上下文返回 false :

let iframe = document.querySelector('iframe');
iframe = iframe.contentDocument || iframe.contentWindow.document;

console.log(iframe.createElement('script') instanceof Element);

Demo

为什么?

1 回复 | 直到 7 年前

Sergiu Paraschiv 7 年前

这是因为:

1) Element window.Element

2) 在JS中没有所谓的“类”。一切(几乎)都是一个物体。所以instanceof检查 原型祖先 is some DOM node instanceof Element 你可以把这个翻译成 someDOMNode.prototype === Element .

3) window.Element !== document.querySelector('iframe').contentWindow.Element

这将记录 true 如预期:

console.log(iframe.createElement('script') instanceof  document.querySelector('iframe').contentWindow.Element);

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

7 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

7 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

7 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

7 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

7 年前