开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何确定是从“原始”窗口还是从iframe调用Javascript函数？

确定是从"原始"窗口还是从iframe调用Javascript函数可以通过以下几种方式来实现：

使用window对象的top属性进行判断：可以通过判断window.top是否等于当前窗口的window对象来确定是否在iframe中。如果相等，则表示当前窗口是"原始"窗口；否则，则表示当前窗口是在iframe中调用Javascript函数。
使用window对象的self属性进行判断：可以通过判断window.self是否等于当前窗口的window对象来确定是否在iframe中。如果相等，则表示当前窗口是"原始"窗口；否则，则表示当前窗口是在iframe中调用Javascript函数。
使用window对象的frameElement属性进行判断：可以通过判断window.frameElement是否为null来确定是否在iframe中。如果为null，则表示当前窗口是"原始"窗口；否则，则表示当前窗口是在iframe中调用Javascript函数。

以上是一些常用的方法来确定是从"原始"窗口还是从iframe调用Javascript函数的方式。根据实际需求和使用场景，可以选择适合的方式来判断并执行相应的逻辑操作。

腾讯云相关产品和产品介绍链接地址：腾讯云的云计算产品包括云服务器（https://cloud.tencent.com/product/cvm）、云数据库（https://cloud.tencent.com/product/cdb）、对象存储（https://cloud.tencent.com/product/cos）等，详细信息可以参考腾讯云官网相关产品介绍页面。

相关搜索:如何从iframe调用主窗口href中的Javascript？如何从parent调用iframe函数？从电子调用窗口函数如何从iframe a>href点击触发父窗口函数如何从javascript禁用iframe 如何从javascript函数调用vuejs函数？如何从iframe刷新父窗口？如何从javascript调用swift函数如何从iframe访问父窗口中的JavaScript对象如何从窗口外部调用函数如何从弹出窗口javascript中调用带有变量的父窗口jquery函数？从Silverlight调用Javascript函数从href调用javascript函数从Coldfusion调用javascript函数从Flask调用JavaScript函数如何从Repeater控件调用Javascript函数如何从razor中调用Javascript函数？如何从index调用函数到javascript 如何从iframe内部获取iframe样式属性(Javascript)无法从CodeBehind调用JavaScript函数

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

跨域方法汇总

做 Web 开发经常需要面对跨域问题，跨域问题的根源是浏览器安全中的同源策略，比如说，对于 http://www.a.com/1.html 来说：

01

检查原生 JavaScript 函数是否被覆盖

原文链接：https://mmazzarolo.com/blog/2022-07-30-checking-if-a-javascript-native-function-was-monkey-patched/[1]

02

web跨域解决方案

阅读目录什么是跨域常用的几种跨域处理方法：跨域的原理解析及实现方法总结摘要：跨域问题，无论是面试还是平时的工作中，都会遇到，本文总结处理跨域问题的几种方法以及其原理，也让自己搞懂这方面的知识，走起。什么是跨域　在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。　　JavaScript这个安全策

【前端安全】JavaScript防http劫持与XSS

作为前端，一直以来都知道HTTP劫持与XSS跨站脚本（Cross-site scripting）、CSRF跨站请求伪造（Cross-site request forgery）。但是一直都没有深入研究过，前些日子同事的分享会偶然提及，我也对这一块很感兴趣，便深入研究了一番。最近用 JavaScript 写了一个组件，可以在前端层面防御部分 HTTP 劫持与 XSS。当然，防御这些劫持最好的方法还是从后端入手，前端能做的实在太少。而且由于源码的暴露，攻击者很容易绕过我们的防御手段。但是这不代表我们去了解这块

04

360护心镜脚本分析及N种绕过方式

官方介绍：通过Hook XSS的常用函数,并监控DOM元素的创建,从而对整个页面的js行为进行监控。当发现页面中存在XSS攻击行为时,可根据预置的选项,进行放行,提醒用户选择,阻拦三种处理方式,同时预警中心会收到一次事件的告警,安全人员可根据告警进行应急响应处理。在研究如何绕过一个系统之前，不急于直接读代码，先旁敲侧击看看这个系统大体都做了什么。官方介绍中，在脚本加载前，需要执行一堆配置代码： <script type="text/javascript"> var hxj_config = {

08

如何利用postMessage窃取编辑用户的Cookie信息

某天，当我在做某个项目的漏洞测试时，在登录的一些HTTP请求记录中，我发现了一种利用postMessage方式窃取和编辑用户Cookie的方法。由于该测试是邀请测试，出于保密，我只能在下文中和大家分享一些方法思路。

04

iframe跨域应用 - 使用iframe提交表单数据

之前我们提到了iframe跨域，今天我们在原有的基础之上进行“实例”的讲解。通过iframe跨域实现表单数据的提交。如果想了解iframe跨域，可以发送“iframe跨域”到“HTML5学堂”公众号。为何提交数据还要跨域？在使用iframe跨域之前，可能你的脑海中就出现了这样一个问题：为何提交表单数据还需要跨域呢？首先我们要知道，网站的数据是存放在服务器上的，而当一个网站很大型，拥有很多的数据时，通常会进行分类，然后将不同类的内容放置在不同的子域名中。表单数据的提交模式今天会使用到MD5的知识，因

05

web 通信--跨文档、worker、通道

跨文档通信（cross-document messaging）、worker通信（cross-worker messaging）、通道通信（channel messaging）

02

跨域详解

跨域详解 1. 概念协议、域名、端口有一个不同即被当作不同的域 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹允许 http://www.a.com:8000/a.js http://www.a.com/b.js 同一域名，不同端口不允许 http://www.a.com/a.js https://www.a.com/b.js 同一域名，不同协议不允许 http://www.a.com/a.js http://70

07

详解JavaScript跨域问题

什么是跨域？概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。 URL 说明是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹允许 http://www.a.com:8000/a.js htt

JS 跨域问题常见的五种解决方式

要理解跨域问题，就先理解好概念。跨域问题是由于javascript语言安全限制中的同源策略造成的.

00

跨域资源共享的各种方式（持续更新）

在客户端编程语言中，如JavaScript和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域，什么叫不同的域呢？当两个域具有相同的协议(如http), 相同的端口(如80)，相同的host（如www.example.org)，那么我们就可以认为它们是相同的域。比如http://www.example.org/index.html和http://www.example.org/sub/index.html是同域，而http://www.example.org, https://www.example.org, http://www.example.org:8080, http://sub.example.org中的任何两个都将构成跨域。同源策略还应该对一些特殊情况做处理，比如限制file协议下脚本的访问权限。本地的HTML文件在浏览器中是通过file协议打开的，如果脚本能通过file协议访问到硬盘上其它任意文件，就会出现安全隐患，目前IE8还有这样的隐患。

03

跨域详解【原创】

跨域详解 Write By CS逍遥剑仙我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航跨域详解 1. 概念 2. 跨域资源共享（CORS） 3. jsonp跨域 3.1 概念 3.2 实现 3.3 jQuery封装操作 3.4 JSONP优缺点 CORS 与 J

05

界面劫持之点击劫持

赛门铁克(Symantec)在2019年的《互联网安全威胁报告》中称：Formjacking 攻击飙升，已有取代勒索和挖矿成为互联网安全最大威胁之势。Formjacking 从技术角度看，主要是将恶意 javascript 代码嵌入到合法网站中，用于获取敏感信息，而这种攻击手法本质上属于界面劫持中的 clickjacking（点击劫持）。本文将结合界面劫持的发展历程，以实例讲解点击劫持的原理并介绍目前针对此类攻击的防御思路。

02

JavaScript中window.open（）和Window Location href的区别

URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口

05

用WebViewJavascriptBridge进行JS和app进行交互

做项目的时候有一个业务是需要前端web给安卓发送指令，进行拍照个读取身份证的操作，这个时候是需要用户进入页面的时候直接进行的操作，那么这个时候我需要做的是告诉安卓什么时候调取什么样子的硬件，那么我们难题就是js和安卓怎么进行通信，有这样的需求也是很少见的，但是既然存在这样的需求还是需要进行解决的，那么我参考的是这个地址的方案： JsBridge

01

selenium+python自动化94-弹出层死活定位不到

前言部分小伙伴学了selenium的alert后，就不管啥弹出框都去用alert,这是行不通的，看到弹出框，先要确定是不是alert,是才能用，不是的话肯定不能用。有些弹出框是div层，这种跟平常

Web前端学习笔记之前端跨域知识总结

相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。

03

web messaging与Woker分类：漫谈postMessage跨线程跨页面通信

iframe_contentWindow.postMessage(message, targetOrigin, [transfer]);

03

微前端学习笔记(3):前端沙箱之JavaScript的sandbox（沙盒/沙箱）

Sandbox（沙盒/沙箱）的主要目的是为了安全性，以防止恶意代码或者不受信任的脚本访问敏感资源或干扰其他应用程序的执行。通过在沙盒环境中运行，可以确保代码的行为被限制在一个安全的范围内，防止其超出预期权限进行操作。

01

Java学习笔记-全栈-web开发-03-JavaScript基础

在javascript中使用 var 运算符（variable 的缩写）加变量名定义的。

02

JavaScript中window.open（）和Window Location href的区别「建议收藏」

specs 可选。一个逗号分隔的项目列表。支持以下值： channelmode=yes|no|1|0 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器 directories=yes|no|1|0 是否添加目录按钮。默认是肯定的。仅限IE浏览器 fullscreen=yes|no|1|0 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器 height=pixels 窗口的高度。最小.值为100 left=pixels 该窗口的左侧位置 location=yes|no|1|0 是否显示地址字段.默认值是yes menubar=yes|no|1|0 是否显示菜单栏.默认值是yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏.默认值是yes titlebar=yes|no|1|0 是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes top=pixels 窗口顶部的位置.仅限IE浏览器 width=pixels 窗口的宽度.最小.值为100 replace Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：

02

前端常见的跨域方式

同源策略是浏览器中一个重要的安全策略。当两个 URL 的协议、端口和主机都一直时，浏览器认为这两个 URL 是同源的。

02

你真的了解跨域吗

相信每个前端对于跨域这两个字都不会陌生，在实际项目中应用也很多，但跨域方法的多种多样让人目不暇接，前段时间公司同事出现了跨域问题，又一时找不到问题所在，所以在此总结下跨域知识，一篇由浅入深的万字Web基操文

03

美团前端常考面试题指南_2023-03-02

ES5 中只存在两种作用域：全局作用域和函数作用域。在 JavaScript 中，我们将作用域定义为一套规则，这套规则用来管理引擎如何在当前作用域以及嵌套子作用域中根据标识符名称进行变量（变量名或者函数名）查找

03

跨域

一、浏览器的同源策略 1.什么是同源？所谓“同源”指的是”三个相同“。相同的域名、端口和协议，这三个相同的话就视为同一个域，本域下的JS脚本只能读写本域下的数据资源，无法访问其它域的资源。协议相同域名相同端口相同（如果没有写端口，默认是80端口） 2.什么是同源策略？同源策略是浏览器为了保护用户的个人信息以及企业数据的安全而设置的一种策略，不同源的客户端脚本是不能在对方未允许的情况下访问或索取对方的数据信息； 3.同源策略的目的同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。

03

html网页详细代码「建议收藏」

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/136151.html原文链接：https://javaforall.cn

04

史上最全跨域总结

跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。

04

AJAX 与跨域通信（三）：跨域解决方案

承接上文，继续补充跨域方案：postMessage、location.hash、WebSocket、Nginx 反向代理、Nodejs 中间件代理。

04

JavaScript学习笔记+常用js用法、范例（二）

javascript 加入如下语句，出错时会提示注意： chrome、opera 和 safari 等浏览器不支持 window.onerror 事件(w3c标准没有此事件),需另外捕获出错信息

02

php与Ajax实例

Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

01

40道+JavaScript基础面试题（附答案）

来源 | https://segmentfault.com/a/1190000015288700

01

软件安全性测试（连载8）

02

onbeforeunload事件被a链接触发的问题

onbeforeunload本身并非W3C DOM-Event标准事件，只不过在很多时候国内的流氓做法就是离开页面，直接弹出收藏本网页的提示（虽然我很讨厌这种做法，但事实上很多公司一直都在这样默默地强奸用户…）

02

【Web技术】424- 那些年曾谈起的跨域

对于前端开发来说跨域应该是最不陌生的问题了，无论是开发过程中还是在面试过程中都是一个经常遇到的一个问题，在开发过程中遇到这个问题的话一般都是找后端同学去解决，以至于很多人都忽略了对跨域的认识。为什么会导致跨域？遇到跨域又怎么去解决呢？本文会对这些问题一一的介绍。

01

html5 Postmessage解决跨域问题

为了实现不同域之间的通信，需要在操作系统的 hosts 文件添加两个域名，进行模拟。

02

JSONP && CORS

前天面试被问到了跨域的问题，自我感觉回答的并不理想，下面我就分享一下整理后的总结分享给大家

02

比 eval 和 iframe 更强的新一代 JavaScript 沙箱！

今天我们来看一个进入 statge3 的新的 JavaScript 提案：ShadowRealm API。

02

跨域通信

那到底什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：

04

再也不用担心变量类型错误！学会JS中如何轻松检查变量类型

如果判断的是基本数据类型或JavaScript内置对象，使用toString；如果要判断的是自定义类型，请使用instanceof。

00

ajax实现跨域_js跨域请求的三种方法

跨域大家都知道，不同地址，不同端口，不同级别，不同协议都会构成跨域。例如：about.haorooms.com和www.haorooms.com都会构成跨域。总结起来只要协议、域名、端口有任何一个不同，都被当作是不同的域。下面举例，每两个一组。

05

前端学习资料整理

HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级、 HTML5、CSS3、Flexbox

02

Comet：基于 HTTP 长连接的“服务器推”技术

很多应用譬如监控、即时通信、即时报价系统都需要将后台发生的变化实时传送到客户端而无须客户端不停地刷新、发送请求。本文首先介绍、比较了常用的 “服务器推”方案，着重介绍了 Comet －使用 HTTP 长连接、无须浏览器安装插件的两种“服务器推”方案：基于 AJAX 的长轮询方式；基于 iframe 及 htmlfile 的流方式。最后分析了开发 Comet 应用需要注意的一些问题，以及如何借助开源的 Comet 框架－pushlet 构建自己的“服务器推”应用。

03

前端基础知识整理汇总（上）

又是一年跳槽季，最近听到最多的消息就是，我们公司又有同事离职了，所以，如果你想在职场上掌握主动权，你就需要比别人更加努力，更加夯实的技能基础，不然你拿什么去跟别人拼？所以，今天我们跟大家分享一些前端基础知识，希望对你有所帮助。

01

layui弹窗间的传值（layui弹出层传值）(窗口传值)[通俗易懂]

主要有两部分 1、从主窗口传值到弹出层 2、从弹出层传值到主窗口 3、通过session互传 4、通过调用父窗口的函数从而获取到父窗口的值（相反也是可以的）

02

有哪些前端面试题是面试官必考的_2023-03-15

Flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis），项目默认沿水平主轴排列。

03

滴滴前端二面高频面试题合集

CORS需要浏览器和服务器同时支持，整个CORS过程都是浏览器完成的，无需用户参与。因此实现CORS的关键就是服务器，只要服务器实现了CORS请求，就可以跨源通信了。

05

优秀博客文章 | javascript跨域方法总结

最近面试问的挺多的一个问题，就是JavaScript的跨域问题。在这里，对跨域的一些方法做个总结。由于浏览器的同源策略，不同域名、不同端口、不同协议都会构成跨域；但在实际的业务中，很多场景需要进行跨域传递信息，这样就催生出多种跨域方法。

02

一文搞懂Electron的四种视图容器和它们之间的IPC通信机制

Electron作为一种基于JS语言搭建的桌面框架，其基础视图容器是包含了Chromium内核的窗口，称为BrowserWindow。对于更复杂的项目，如果需要在窗口内部嵌入第三方业务的页面，则有BrowserView、webView Tag和Iframe三种方案可供选择。

07

实用的VUE系列——每天在用的Vue-SFC-Playground你真的了解吗？

声明：本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭