在使用上来说，iframe 跨域是比较麻烦的一种（创建新元素 -> 处理跨域交互），但是伟大的邓小平同志说过：
大家好，今天和大家讨论 nodeIntegrationInSubFrames , 这个选项看起来和 nodeIntegration 很像，不过后面跟了 InSubFrames ，说明是在 SubFrames 中开启 Node.js
做WEB前端开发的过程中，经常会有这样的需求，用户点击【编辑】按钮，弹出一个对话框，在里边修改相应的值，然后把修改后的值显示在原页面，最后点击保存。用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。
本文主要会介绍如何基于MessengerJS，实现iframe父窗体与子窗体间的通信，传递数据信息。
jquery取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body
JS在iframe中获取父窗口的元素 window.parent.document.getElementById("id").innerText = "string"; jquery在父窗口中获取iframe中的元素 //调用子frame中的元素； $("#iframeMain").contents().find("#id").click(); //调用子frame中的方法； $("#iframeMain")[0].contentWindow.FunctionName(); jquery在iframe中获
主要有两部分 1、从主窗口传值到弹出层 2、从弹出层传值到主窗口 3、通过session互传 4、通过调用父窗口的函数从而获取到父窗口的值（相反也是可以的）
1."window.location.href"、"location.href"是本页面跳转
大家好，今天和大家讨论的是新窗口创建问题，通常来说，我们打开一个 Electron 程序，映入我们眼帘的就是主窗口，基本上是通过 BrowserWindow创建的
相比较而言，第一种方案会更佳，因为在操作逻辑上，手动关闭弹出框，应该不触发刷新操作，只有当弹出框的处理逻辑执行成功后，调用函数关闭弹出框才触发父界面刷新操作，基于这个逻辑，应该选择方案一。方案二，不管怎样都会刷新页面，实际上无端的增加了服务器的处理压力。
产品需求来啦：点击页面上某个东西，要在新窗口中打开一个页面，注意！要在新窗口中打开。你呵呵一笑，太简单了：
BroadcastChannel (opens new window) 接口代理了一个命名频道，可以让指定 origin (opens new window) 下的任意 browsing context (opens new window) 来订阅它。它允许同源的不同浏览器窗口，Tab 页，frame 或者 iframe 下的不同文档之间相互通信。通过触发一个 message 事件，消息可以广播到所有监听了该频道的 BroadcastChannel 对象。
本文讲述了一种在新窗口中打开页面时需要注意的安全问题和解决方案。当使用window.open()在新窗口中打开页面时，可能会存在安全风险。例如，攻击者可以通过恶意脚本劫持新窗口中的页面，从而窃取用户的个人信息。为了防范这种安全风险，可以采用以下方法：使用noopener属性或window.open()并设置opner为空，这样新窗口将不会继承父窗口的任何属性。另外，也可以使用iframe来打开新窗口，并确保iframe中的内容安全。最后，如果必须在新窗口中打开页面，可以使用第三方库，如OpenURL，来避免安全风险。
相信跨域有什么手段，大家都背得滚瓜烂熟了。现在我们来做一些不在同一个tab页面或者跨域的实践。
相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。
同源，何为同源，同源的意思就是协议、端口、域名三者均需要相同才能构成同源。例如 这个域名来说，https://为协议，www.oecom.cn为域名，默认的端口为80端口。
那到底什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：
如果html文档中用id属性为元素命名。并且如果 window对象没有此名字的属性，则window对象会赋予一个属性，其名字为id属性的值，其值指向该元素
对于和这两个标签安全性而言，在于它同一样支持跨域请求，比如。
DOM Window 代表窗体 DOM History 历史记录 DOM Location 浏览器导航 重点：window、history、location ，最重要的是window对象 1.window对象 Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象 window.frames 返回窗口中所有命名的框架 parent是父窗口（如果窗口是顶级窗口，
$(window.parent.document).find('父窗口元素').css("left", 0)，有些场景下，我们可能会用到这种方式，比如，在一个父窗口中含有一个iframe，当iframe加载出来的时候，需要获取父窗口距离左侧的边距。
第一部分：同源策略:same-origin policy 1.同源策略的由来： 1995年，同源策略由Netscape(曾经的浏览器霸主，拒绝微软收购请求，被IE给整垮。现在发展为火狐浏览器背后的Mozilla)引入。目前，所有浏览器都遵循同源策略。 2.同源定义：即同协议、同域名、同端口号 例如：http://www.test.com:80/test.html； 协议:http;域名:www.test.com;端口号：80(默认端口，可以省略) http://www.test.com/test10
在上一篇 【悟空活动中台 - 微组件状态管理（上）】中，我们一起回顾了活动页内微组件之间的状态管理和背后的设计思路。从最早的 EventBus 升级迭代到【前置脚本方案】，最终回归到 Vuex 统一状态管理模式，针对平台的特点通过技术创新，使 Vuex 无缝集成到活动页的开发中。本文我们将一起继续探索平台和跨沙箱环境下的微组件状态管理。
在电商领域内，商品是一个重要组成部分，与其对应的商品管理系统，则负责商品的新建、编辑、复制等功能。随着商品管理系统的成熟稳定和业务上的扩展需求，催化出了商品中台的诞生。它可以将现有商品功能最大效率的复用在很多业务上（公司内业务、公司外业务等）。而不是仅限于当前团队的业务使用。
2.) 资源嵌入： <link> 、 <script> 、 、 <frame> 等 dom 标签，还有样式中 background:url() 、 @font-face() 等文件外链
浏览器安全的基石是"同源政策"（same-origin policy）。很多开发者都知道这一点，但了解得不全面。 本文详细介绍"同源政策"的各个方面，以及如何规避它。 一、概述 1.1 含义 1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。 最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同"。 协议相同 域名相同 端口相同 举例来说，undefined这个网址，协议是http://，域名是www.
1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。
浏览器安全的基石是"同源政策"（same-origin policy）。很多开发者都知道这一点，但了解得不全面。 本文详细介绍"同源政策"的各个方面，以及如何规避它。 一、概述 1.1 含义 1995
在应用有frameset或者iframe的页面时，parent 是父窗口，top是最顶级的父窗口（有的窗口中嵌套了好几层frameset或者iframe），self是当前窗口，opener是用open方法打开当前窗口。
在子页面的iframe中想将参数传递给Vue父组件，可以使用postMessage()方法将数据发送给父窗口。父组件可以通过监听message事件来接收并处理这些数据。
为了实现不同域之间的通信，需要在操作系统的 hosts 文件添加两个域名，进行模拟。
跨域（Cross-Origin Resource Sharing，简称 CORS）是一种安全策略，用于限制一个域的网页如何与另一个域的资源进行交互。这是浏览器实现的同源策略（Same-Origin Policy）的一部分，旨在防止恶意网站通过一个域的网页访问另一个域的敏感数据。
有时我们需要在js中触发打开新标签页、或者是在当前页面跳转以及在iframe中替换父页面
一、目录： ---- ---- 1.ready（function(){}）方法的使用 2.require最常用的方法: 3.display:none 4.visible:hidden 5.修改span的字体的颜色 6.window对象中self、 top 的区别 7.blur事件的使用 二.、内容: 1. ready（function(){}） ```$(document).ready(function(){ // 当网页加载完成后执行这里的代码块 });``` 2.require('http') 内置模块
由于activiti与系统应用主题样式出入较大，协商后决定将activiti的editor-app放在前台。
客服在聊天面板右侧，使用iframe嵌入一个自己独立开发的订单列表页面url。订单列表页面从带入的visitor_id拿到商城会员的标识，然后查询出该会员的订单。
javascript 加入如下语句，出错时会提示 注意： chrome、opera 和 safari 等浏览器不支持 window.onerror 事件(w3c标准没有此事件),需另外捕获出错信息
原文被我发在freebuff上 http://www.freebuf.com/articles/web/133455.html
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS.CSFR等攻击。所谓同源是指”协议+域名+端口”三者相同，即便两个不同的域名指向同一个ip地址，也非同源。
现在是资源共享的时代，同样也是知识分享的时代，如果你觉得本文能学到知识，请把知识与别人分享。
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指”协议+域名+端口”三者相同，即便两个不同的域名指向同一个ip地址，也非同源。
前天面试被问到了跨域的问题，自我感觉回答的并不理想，下面我就分享一下整理后的总结分享给大家
在了解跨域之前，我们必须要了解一下同源策略。 跨域问题其实就是浏览器的同源策略造成的。
同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。
比如：a.html中，通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包括a.html的document等对象，操作a.html的内容。
阅读目录 什么是跨域 常用的几种跨域处理方法： 跨域的原理解析及实现方法 总结 摘要：跨域问题，无论是面试还是平时的工作中，都会遇到，本文总结处理跨域问题的几种方法以及其原理，也让自己搞懂这方面的知识，走起。 什么是跨域 在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。 JavaScript这个安全策
当我们使用多标签iframe的后台管理模板时，需要在一个iframe中跳转到另一个iframe，并且对新iframe进行操作，这篇文章记录一下我在开发过程中编写的代码。
Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
