1."window.location.href"、"location.href"是本页面跳转
在应用有frameset或者iframe的页面时，parent 是父窗口，top是最顶级的父窗口（有的窗口中嵌套了好几层frameset或者iframe），self是当前窗口，opener是用open方法打开当前窗口。
比如：a.html中，通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包括a.html的document等对象，操作a.html的内容。
本文转载：http://www.cnblogs.com/sunnycoder/archive/2010/05/05/1728047.html
我们在使用如layui的layer弹窗或者在页面上用别的方式打开的iframe中可能会要获取到父页面的某个元素
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：
原文：http://mp.weixin.qq.com/s/T4jQUdS-rar7hr2EWilJrw
大家都知道，网页之间传递数据可以使用ajax请求来完成，今天我总结下我学习的postMessage是如何完成跨页面请求数据的呢？首先，postMessage是html5新增的一个解决跨域的一个方法。那他是如何使用的呢？这里我把一个案例分享出来把。看下面的代码：
如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替
1.frame和frameset（企业用的少了，所以视频略过，见后面iframe部分）
width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames[name]获取到frame scrolling iframe里面的页面是否可以滚动 frameborder 是否显示iframe边框 1（显示）0（不显示） id 和其他的html标签id一样 在主页面中通过iframe标签可以引入其他子页面
近期开发中，在布局中使用了IFrame做主页切换，大概布局就是底部一个选择卡，往上就是多个IFrame，点击选择卡切换页面。
reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")
三种常用的跨窗口通信技术：postMessage、MessageChannel 和 BroadcastChannel。
HTML5学堂今日postMessage跨域教学流程 先为大家讲解postMessage的基本知识 之后，我们书写一个实例：使用静态的iframe，实现A域前端页面与B域前端页面之间的数据传递 最后，我们使用JS动态的生成iframe，实现A域的前端页面与B域的前端页面“互通”，并在B域中使用AJAX申请B域的后台数据 1 postMessage通信的方法与事件 postMessage的跨域方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。 想要完成“一个域”与“另
Phishing，攻击者利用欺骗性的电子邮件和伪造的 Web 站点来进行网络诈骗活动，受骗者往往会泄露自己的私人资料，如信用卡号、银行卡账户、身份证号等内容。诈骗者通常会将自己伪装成网络银行、在线零售商和信用卡公司等可信的品牌，骗取用户的私人信息。
在子页面的iframe中想将参数传递给Vue父组件，可以使用postMessage()方法将数据发送给父窗口。父组件可以通过监听message事件来接收并处理这些数据。
在项目中，我们常常遇到跨域的问题，虽然在你的项目里，脚手架已经100%做好了本地代理、或者运维老铁在nginx中也已经给你做了接口代理，所以你遇到跨域的概率会少了很多，但是在传统的项目中，在那个jquery的横行时代，或者你接手了一个祖传项目时，跨域问题会是时有发生，本文只做笔者了解跨域的通用解决方案，希望在实际项目中对你有些思考和帮助。
这次主要讲一下js模板和鼠标右键功能，东西比较简单，我就没有做demo，简单说下原理吧。
承接上文，继续补充跨域方案：postMessage、location.hash、WebSocket、Nginx 反向代理、Nodejs 中间件代理。
【原理】 在页面上放置一隐藏控件，并在页面最后放上一段脚本代码，脚本代码检测隐藏控件的value是否为空，若不为空则弹出对话框显示信息，否则什么也不做。 后台代码在需要的时候修改隐藏控件的value，这样当页面传到用户那时，最后的脚本代码将执行并弹出对话框。 【注意事项】 1. 隐藏控件必须是HTML控件，否则javascript无法找到。 2. 后台代码要修改隐藏控件的值，隐藏控件自然得加上runat=”server” 标记。 3. 在弹出对话框
微前端已经是一个非常成熟的领域了，但开发者不管采用哪个现有方案，在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题，或无法提供支持。本文提供一种基于 iframe 的全新微前端方案，完善的解决了这些核心诉求。
XSS全称为Cross Site Scripting，为了和CSS分开简写为XSS，中文名为跨站脚本。该漏洞发生在用户端，是指在渲染过程中发生了不在预期过程中的JavaScript代码执行。XSS通常被用于获取Cookie、以受攻击者的身份进行操作等行为。
同源策略（same-origin policy）是一个重要的安全策略。它用于限制从一个源（origin）加载的文档或脚本，如何与另一个源（origin）的资源进行交互。
HTML5学堂：本文当中，会依次为大家介绍iframe是什么，为何使用iframe；如何在当前网页中调用iframe中的标签和内容；如何在iframe中调用当前网页中的内容；检测iframe内容是否加载完成；利用iframe防止钓鱼；如何让iframe中加载的内容决定外层iframe的宽高。最后还会书写Tab切换的实例。 iframe是什么，为何使用iframe？ iframe一般用来包含别的页面，例如我们可以在我们自己的网站页面加载别人网站的内容。示例： <body> <div class='bt
大家好，又见面了，我是你们的朋友全栈君。对于框架的跳转可以为： 1:window.parent.frames[“需要修改的框架”].location.href(“跳转的路径”); 2:window.parent.frames.item(框架在框架集数组中存放的位置).location.href(“跳转的路径”); 3：window.parent.frames.item(“需要修改的框架 此为框架名称”).location.href(“跳转路径”); 4：window.parent.框架名称.location.href(“跳转路径”); 5：window.parent[“框架名称”].location.href(“跳转路径”);
有些项目中可能会遇到这样的需求, 需要在一个项目中嵌入其他的项目的页面或者功能.并且需要这两个页面之间能够进行交互. 本文主要介绍如何实现这种第三方应用的嵌入, 主要有以下几个方向: 1.iframe
国庆假期结束,这一节准备XSS跨站攻击渗透测试中的利用点,上一节讲了SQL注入攻击的详细流程,很多朋友想要咨询具体在跨站攻击上是如何实现和利用的,那么我们Sinesafe渗透测试工程师为大家详细的讲讲这个XSS是如何实现以及原理。
本文主要会介绍如何基于MessengerJS，实现iframe父窗体与子窗体间的通信，传递数据信息。
因为先前遇到的问题，所以我考虑采用 IFRAME 来隔离不同的脚本，从而实现我需要的效果。
https://juejin.cn/post/6949433236787298335
页面监听hashchange事件，然后父页面改变哈希，子页面读取哈希来实现通信。但是这有一个问题，如果传递的信息过多，那就会导致url很长，而且维护起来也麻烦。更严重的问题是，如果页面本身有利用哈希的逻辑，将会无解
现在的网站开发，都绕不开微信登录（毕竟微信已经成为国民工具）。虽然文档已经写得很详细，但是对于没有经验的开发者还是容易踩坑。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
同源，何为同源，同源的意思就是协议、端口、域名三者均需要相同才能构成同源。例如 这个域名来说，https://为协议，www.oecom.cn为域名，默认的端口为80端口。
②. document.getElementsByName('uname')(表单元素)
阅读目录 什么是跨域 常用的几种跨域处理方法： 跨域的原理解析及实现方法 总结 摘要：跨域问题，无论是面试还是平时的工作中，都会遇到，本文总结处理跨域问题的几种方法以及其原理，也让自己搞懂这方面的知识，走起。 什么是跨域 在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。 JavaScript这个安全策
a>contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。 b>contentDocument Firefox 支持，> ie8 的ie支持。可取得子窗口的 document 对象。
easyui1.3.2版本,window的弹出不会居中了。而dialog是会居中的,我们必须为为window的open事件做扩展 代码如下：只要加入以下代码即可.如果你是看了MVC项目系列的，把他放到jquery.easyui.plus.js里面就可以了 //让window居中 var easyuiPanelOnOpen = function (left, top) { var iframeWidth = $(this).parent().parent().width(); var
标签克隆的两种实现方式: <body> + <input type="text"/> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> function Add(ths) {
+ <input type="text"/>
本文先从第三方Javascript脚本的重要组成部分“投放代码”讲起。先从一个最例子看起：Google Analytics（以下简称GA），是Google提供的用于网站监测等一系列功能的服务。网站开发者将GA提供的投放代码放到自己网站上需要监测的页面（一般是全站添加）。
JS在iframe中获取父窗口的元素 window.parent.document.getElementById("id").innerText = "string"; jquery在父窗口中获取iframe中的元素 //调用子frame中的元素； $("#iframeMain").contents().find("#id").click(); //调用子frame中的方法； $("#iframeMain")[0].contentWindow.FunctionName(); jquery在iframe中获
页面jquery追加输出到字符串时，虽然不报错，但是总会携带标题所示的单词，一开始困惑了几个月没解决，今天领导要求，到了不得不解决的地步。
1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。
一、require模块 +function() { var path = location.protocol + "//" + location.host +"/Javasript框架设计/common/"; require.config({ alias: { "jquery": { src: path + "mass/demo/jquery-1.9.1.min.js",
JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。
原文 http://shichuan.github.io/javascript-patterns/#jquery-patterns
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
