如上图，在iframe子页面的<script>元素中，定义了taskStatus全局变量，如果希望在其父页面中获取该全局变量的值，则可在父页面的<script>元素中新增js脚本如下：
在日常工作中，消息通信是一个很常见的场景。比如大家熟悉 B/S 结构，在该结构下，浏览器与服务器之间是基于 HTTP 协议进行消息通信：
同一域名下有两个页面parent.html，child.html。parent.html中通过iframe嵌入child.html。父页面触发自定义事件，子页面对其进行响应。 两页面代码如下： 1.parent.html
背景：父页面index.html里面有一个iframe，iframe的src为子页面(另一个html的链接)，下文都是基于此情况下进行
在父页面中定义函数，再到子页面中调用。 父页面parent.html function getFrameId(f){ var frames = document.getElementsByTagName(“iframe”); //获取父页面所有iframe for(i=0;i
工作中我们经常会遇到B页面需要A页面内的部分或全部数据；C页面内的一个函数执行完之后需要改变B页面内的显示样式；也或者是A和B两个页面用到了同样的网络数据，在其中一个页面做出修改后另一个页面也要随之改变以保证回传服务器时数据的准确性，等等诸如此类的页面间数据传递的问题。
Vue使用bus进行组件间、父子路由间通信
父页面和子页面（iframe）处于2个不同的进程（即使在同一个域），进程之间的通讯必须通过每个进程内【事件监听所在的线程】来完成。最重要的是，通讯时传输的数据格式必须是序列化的格式，序列化格式指【一维】【线性】的数据类型比如字符串、字节流等，在浏览器中有这么几种序列化格式可选：
编译模式：自定义组件模式，这个默认自动设置的。这方面比较复杂，曾经的叫非自定义组件模式官方不在支持。
需要在子组件处添加 bind:traCheckedNum=”checkNum” checkNum是父js中的方法
在页面渲染时需要动态获取iframe子页面的高度，然后重新设置iframe高度，达到自适应的目的，但是由于iframe子页面中也涉及到访问其他系统的页面，这就使得页面渲染时无法获取子页面高度，这里涉及到跨域访问子页面问题。
作为后端开发者，也不得不学点前端知识。众所周知，以前开发者只要掌握HTML、CSS、JavaScript 三驾马车就能胜任一份Web前端的工作。而在技术日新月异的现在，Vue, React，Angular在代替旧的前端框架已经是大势所趋了。
1.父页面调用子页面函数，选择iframe的id + contentWindow +子页面的函数名（[参数列表]）
和H5不同，元素上绑定事件只能传入事件名，不能直接传参，需用通过dataset传参
跨域的东西， 简直不要接触太多，网上相关内容一抓一大把，但是突然学习到一个关于前端解决跨域的方式
小时光茶社 导语：本文章的主要目的就是针对两类人： 一类是没有做过小程序开发，但是想了解小程序整个开发过程及环境和开发中需要注意哪些问题的人，你适合读本文的入门篇，可以帮你节省至少几天的时间。 另一类人就是你写过小程序，但是想对小程序更深入的了解，并想对你的小程序进行一定程度上的优化，那你更适合阅读本文进阶篇，本文给出了一些优化的方向及方法，可供参考。 好了，现在让我们来开启小程序的前生今世探险之旅吧。 目录 (一) 入门 a) 运行环境 b) 开发姿势 c) 一个DEMO
天气降温，大家注意保暖~~~ 因为学习了腾讯课堂NEXT学院的前端进阶课程，所以打算把课程内容都总结一遍。有些都是很普通很常见的知识，但是为了巩固自己的知识面，梳理自己的知识树，所以每个知识点都会写成文章，所有文章都会放在公众号右下角的前端进阶课程总结中~~~也希望能够帮助到需要的人~~ 跨域的东西， 简直不要接触太多，网上相关内容一抓一大把，但是突然学习到一个关于前端解决跨域的方式 就是 利用 iframe 不管你有没有了解过，反正我没有 我觉得很有用并且容易忘，所以我记录下来哈哈哈 下面
同源策略就是用来限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。那怎样判断是否是同源呢？
https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js
通过前面的一篇文章，微信小程序组件化开发框架wepy 学习（一），大家搭建wepy环境应该没有问题了，可以自己去尝试一下，很简单的。 下面来具体讲讲wepy页面与组件直接有哪些东西。
跨域详解 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
因为，最近有一个需求中，用到了Worker技术，然后经过一些调研和调试，成功的在项目中应用。虽然，有部分原因是出于「技术尝鲜」的角度才选择Worker进行性能优化。但是，「看懂了，会用了，领悟了」。这是不同的技术层面。
iFrame如果嵌入的是普通网页，这种场景下的iframe高度自适应解决方案，百度一下随手都能找到一大把。
的过程中,为了方便访问每一个插件的界面，我们需要将所有插件的自定义的界面集中在一起显示。 我们需要实现一下功能： 为了方便访问每一个插件的界面，我们需要将所有插件的自定义的界面集中在一起显示。 我们需要实现一下功能：
1."window.location.href"、"location.href"是本页面跳转
页面监听hashchange事件，然后父页面改变哈希，子页面读取哈希来实现通信。但是这有一个问题，如果传递的信息过多，那就会导致url很长，而且维护起来也麻烦。更严重的问题是，如果页面本身有利用哈希的逻辑，将会无解
相比较而言，第一种方案会更佳，因为在操作逻辑上，手动关闭弹出框，应该不触发刷新操作，只有当弹出框的处理逻辑执行成功后，调用函数关闭弹出框才触发父界面刷新操作，基于这个逻辑，应该选择方案一。方案二，不管怎样都会刷新页面，实际上无端的增加了服务器的处理压力。
如下图，我们希望点击导航栏不同菜单时，导航栏下方加载不同的组件，进而展示不同的页面内容
因为聊天框是被iframe框进去的页面,所以在聊天框中收到websocket消息以后要把消息发送给父集页面,在父页面中闪烁标题
在做H5混合开发的时候总是会遇到浏览器差异、不兼容导致同样的代码，IOS和Andoird其中之一出现不可预见的问题。 我的问题也是如此，我的需求是从父页面跳转子页面，子页面提交后返回父页面，并且父页面刷新。 Android的Chrome浏览器对这个需求就很容易支持，因为他每次页面重新显示的时候，都会刷新整个页面。而IOS的Safari浏览器出现了问题，Safari浏览器会读取缓存，不会重新刷新页面。
在浏览器中，通过 标签或者 JavaScript 中的 window.open 函数，可以打开新页面。新页面的 window 对象中，存在一个 opener 属性，保存对父页面的引用。我们知道，Web 应用的安全性，很大程度上是由同源策略（Same Origin Policy，SOP）所保证的。但是，在子页面访问 opener.location 的一些属性和方法时却不受 SOP 保护，这就是本文要探讨问题的核心所在。 来看一个案例，假设父页面中有新窗口打开的子页面链接： <a href="http:
大家好，又见面了，我是你们的朋友全栈君。 关于使用iframe跳转参数获取问题 怎么把URL参数传递到B页面的iframe的C页面里？ A页面打开一个B页面的链接，怎么把A页面的URL参数传递到B页面
语法为：vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])；
沙箱，即sandbox，顾名思义，就是让你的程序跑在一个隔离的环境下，不对外界的其他程序造成影响，通过创建类似沙盒的独立作业环境，在其内部运行的程序并不能对硬盘产生永久性的影响。 举个简单的栗子，其实我们的浏览器，Chrome 中的每一个标签页都是一个沙箱（sandbox）。渲染进程被沙箱（Sandbox）隔离，网页 web 代码内容必须通过 IPC 通道才能与浏览器内核进程通信，通信过程会进行安全的检查。沙箱设计的目的是为了让不可信的代码运行在一定的环境中，从而限制这些代码访问隔离区之外的资源。
关于Springmvc中include与Sitemesh装饰器的使用 !!!转载请注明出处=>http://www.cnblogs.com/funnyzpc/p/7283443.html 静态包含:example:<%@include file="xxx.jsp"%> 文件的包含是发生在 jsp向servlet转换时期 ,相当于将jsp编译成html静态文件，由于对包含的文件不再编译(直接拷贝到父页面)，则只产生一个class文件。 动态包含:example<jsp:include page="xxx
javascript 是单线程编程语言，这使得我们开发过程中不必关注因多线程导致的复杂场景（如，死锁）。
由于本文介绍的主要还是基于javascript，不涉及任何框架方面的问题（如果想研究vue，react，angular方面的技术问题，可以移步我的其他文章），所以让我们用原生javascript来解决我们上面提到的问题吧。
在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type=“text javascript”>
这周碰到一个让人头疼的需求：要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了，但问题来了，我和第三方web项目是有交互的，这就违反同源策略了，处理跨域问题是最让人头疼的事之一。
由于笔者2年前维护了几个比较老的项目是用jquery全家桶开发的，其中有些需求是需要跨页面交互和父子页面通信，故借此总结一下。另一块是前端实现文件下载功能，虽然方法很多，为了不用重复造轮子，在此还是总结一波，毕竟多页面下的应用场景还是很多的。
3.可能会出现的错误 子弹窗获取不到父页面的json 我在父页面的成功事件里重置了json，之前用着没事，但是我把子弹窗页面放在了static文件夹，父页面放在了template文件夹里，这时候子弹窗还没渲染json就被重置了，导致取不到数据。
!!!转载请注明出处=>http://www.cnblogs.com/funnyzpc/p/7283443.html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
JavaScript是单线程语言，如果在Js主线程上进行比较耗时的操作，那么不仅异步的事件回调无法正常完成，浏览器的渲染线程也将被阻塞，无法正常渲染页面。Web Worker能够把JavaScript计算委托给后台线程，线程可以执行任务而不干扰用户界面。
做WEB前端开发的过程中，经常会有这样的需求，用户点击【编辑】按钮，弹出一个对话框，在里边修改相应的值，然后把修改后的值显示在原页面，最后点击保存。用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。
确实，PHP没有类似于JS中的setInterval或者setTimeout这样的原生定时器相关的函数。但是我们可以通过其他方式来实现，比如使用declare。
产品需求来啦：点击页面上某个东西，要在新窗口中打开一个页面，注意！要在新窗口中打开。你呵呵一笑，太简单了：
PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL
前端爱好者的知识盛宴 嗨 这里是IMWEB 一个想为更多的前端人 享知识 助发展 觅福利 有情怀有情调的公众号 欢迎关注转发 让更多的前端技友一起学习发展~ 正文 在 JS 中，有 5 种基本数据类型和 1 种复杂数据类型，基本数据类型有：Undefined, Null, Boolean, Number和String； 复杂数据类型是Object，Object中还细分了很多具体的类型，比如：Array, Function, Date等等。 今天我们就来探讨一下， 使用什么方法判断一个出一个变量的类型。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
