文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗？
是的
没有找到

实现iframe父窗体与子窗体的通信

本文主要会介绍如何基于MessengerJS，实现iframe父窗体与子窗体间的通信，传递数据信息。同时本文会提供一个可运行的实例代码，实现在父窗体中，获取到来自子窗体的数据的效果。...1.2 使用方法 (1) 在需要通信的父窗体、和子窗体的文档中，都需要引入MessengerJS。...对象的名字： // 父窗口中 - 添加消息对象, 明确告诉父窗口iframe的window引用与名字 messenger.addTarget(iframe1.contentWindow, 'iframe1...['iframe2'].send(msg2);  // 父窗口中 - 向所有目标iframe广播消息  messenger.send(msg); 2.实例 基于上面的介绍，下面要实现开篇提出的需求了（实例代码只是示例如何传递数据...这里分别是父窗体和子窗体的代码实现，可直接在浏览器中打开查看效果，其中messenger.js可以在这里下载，放到项目目录下。 父窗体： <!

9.7K771

在新窗口中打开页面？小心有坑！

，同时，最下面一行的鬼畜随机数时不时地有些卡顿。 3. 新窗口中打开页面的问题 用简单地方式（背景中提到的）在新窗口中打开新页面会有一些问题。问题分为安全和性能两方面。...url)在新窗口中打开页面时，会存在潜在的安全问题。...例子1就是利用这个方式，将父窗口的链接悄悄地替换成了钓鱼页面的地址。刚好父窗口的原始页面没有做防止被iframe嵌入，可以简单地通过iframe做一个极真实的钓鱼页面。...如果不看url根本区分不出来是钓鱼页面（父窗口刚打开的时候好好的，谁会关注到这个url居然悄悄地变了呢？） 3.2 性能问题 除了安全问题，例子2中还展示了简单地在新窗口中打开页面的性能问题。...确实，chrome有不同的标签页面使用不同进程和线程，但是有个例外，通过a标签的target="_blank"属性，或者window.open(url)在新窗口中打开页面, 会与父窗口共用进程和线程。

5.2K21

在新窗口中打开页面？小心有坑！

，同时，最下面一行的鬼畜随机数时不时地有些卡顿。 ? 3. 新窗口中打开页面的问题 用简单地方式（背景中提到的）在新窗口中打开新页面会有一些问题。问题分为安全和性能两方面。...url)在新窗口中打开页面时，会存在潜在的安全问题。...例子1就是利用这个方式，将父窗口的链接悄悄地替换成了钓鱼页面的地址。刚好父窗口的原始页面没有做防止被iframe嵌入，可以简单地通过iframe做一个极真实的钓鱼页面。...如果不看url根本区分不出来是钓鱼页面（父窗口刚打开的时候好好的，谁会关注到这个url居然悄悄地变了呢？） 3.2 性能问题 除了安全问题，例子2中还展示了简单地在新窗口中打开页面的性能问题。...确实，chrome有不同的标签页面使用不同进程和线程，但是有个例外，通过a标签的target="_blank"属性，或者window.open(url)在新窗口中打开页面, 会与父窗口共用进程和线程。

3.9K10

寒假提升 ｜ Day2 HTML结构-body元素-额外知识补充

; 二. body元素 body元素里面的内容将是你在浏览器窗口中看到的东西，也就是网页的具体内容和结构。... **元素(或称锚(anchor)元素): 定义 超链接，用于打开新的URL; a元素有两个常见的属性: href:Hypertext Reference的简称 ✓ 指定要打开的URL...✓ _self:默认值，在当前窗口打开URL; ✓ _blank:在一个新的窗口中打开URL; ✓ 其他不常用, 后面iframe可以讲一下; a元素 - 锚点链接 锚点链接可以实现:跳转到网页中的具体位置...锚点链接有两个重要步骤: 在要跳到的元素上定义一个id属性; 定义a元素，并且a元素的href指向对应的id; a元素 - 图片链接 在很多网站我们会发现图片也是可以点击进行跳转的 img...✓ 1:显示 ✓ 0:不显示 a元素target的其他值: _parent: 在父窗口中打开URL _top: 在顶层窗口中打开URL 2.6. div/span 历史 案例 div元素、span

64420

Web前端开发HTML笔记

vlink 指定HTML文档中,已链接超链接对象的颜色 background 指定HTML文档中,文档的背景文件 特殊字符 在HTML中有很多特殊的符号是需要特别处理的,例如这两个符号是用来表示标签的开始和结束的... 内联标签,字符占多少标签就占多少 强制换行标记,让后面的文字、图片、表格等,显示在下一行 水平分割线标记,段落之间的分割线... 居中对齐标记,让段落或者是文字相对于父标记居中显示 预格式化标记,保留预先编排好的格式 文本标签 常用的文本标签也就以下这些,但是我们基本不会使用...: (1) _blank在一个新的窗口中打开链接 (2) _seif(默认值)在当前窗口中打开链接 (3) _parent在父窗口中打开页面（框架中使用较多） (4) _top在顶层窗口中打开文件...（框架中使用较多） 超链接瞄点: 使用超链接瞄点,如下例子寻找页面中id=i1的标签,将其标签显示在页面顶部.

2.2K20

JS之浏览器对象BOM

对象 Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window...对象 window.frames 返回窗口中所有命名的框架 parent是父窗口（如果窗口是顶级窗口，那么parent==self==top） top是最顶级父窗口（有的窗口中套了好几层frameset...或者iframe） self是当前窗口（等价window） opener是用open方法打开当前窗口的那个窗口 ①：父子窗体之间的通讯 在页面内嵌入一个iframe，在iframe中提供一个输入项，输入后...，在iframe外面窗口中显示内容 显示结果如上图所示，实现思路如下： 子窗体：2.html ②：window的open close 打开关闭窗体 <meta http-equiv="content-type

2.8K90

作为window对象属性的元素 多窗口和窗体

窗口和其他窗口并不是没有完全的关系。一个窗口或标签页中的脚本可以打开新的窗口或者标签页。当一个脚本这样做，多个窗口可以相互操作 iframe 已经处于半废弃的inframe标签。...和独立的不同之处在于，js脚本能够看到其祖先和子孙 打开和关闭窗口 使用window的open可以打开一个新的标签页 window.open将会载入指定的url到新的或者已经存在的窗口中（取决于如何设置...只有设置了允许导航的页面才可以。 即，当且仅当窗口包含的文档来自相同的源，或者这个脚本打开的哪个窗口。...（或者递归打开的窗口），脚本才能通过名字指定存在的窗口，或者如果是一个窗口内嵌在另一个窗口里的窗体，那么在它们的脚本之间可以相互导航。...并同时可以作为标签a和标签form的taget的值，表示加载到哪 open第三个参数表明如何打开这个标签的，以及大小（一般弹窗广告喜欢这样做） // 打开允许改变大小的浏览器的窗口，包含地址栏，工具栏和地址栏

2.1K50

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

;//当前页面打开URL页面 location.href;// 当前页面打开URL页面 parent.location.href;//在父页面打开新页面 top.location.href;...只要有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换，用这个特性的话可以在iframe和frame中来代替location.href。...、下拉列表和DIV等做链接时一般都要用Javascript来完成，和做普通链接一样，可能我们需要让链接页面在当前窗口打开，也可能需要在新窗口打开，这时我们就可以使用下面两项之一来完成： window.open...：在框架内指定页面打开连接 window.location或window.open如何指定target?...这一句的作用是调用关闭窗 口的代码，10秒钟后就自行关闭该窗口。)

2.1K51

PHP使用反向Ajax技术实现在线客服系统详解

在线客服系统 实现思路： （1）咨询用户端发出问题，把问题存入数据库，把咨询内容显示到客服人员的聊天窗口中 （2）客服人员看到聊天窗口后，选择咨询用户，进行回复，然后把回复内容显示到客服人员窗口中...页面中主要有一个div，用于显示聊天信息，还有一个隐藏的iframe标签，这个iframe实现反向Ajax模型，用于发送长时连接，当服务器有数据时，服务器将调用comet()方法，此方法显示咨询内容，choose...客户人请求咨询信息（16-kefu-iframe.php） 主要功能是保持连接永不断开，然后不断的从数据库读取一条未读的咨询消息，如果有消息，先设置该消息为已读，返回js脚本，影响iframe的父窗体...的父窗体 echo '<script '; echo 'parent.window.comet(',$json,');'; echo '</script '; ob_flush...();//强制让php返回给apache flush();//强制让web服务器返回给浏览器 } sleep(1);//隔1s循环查1次 } ?

1.6K41

js中的window.parent，window.top、window.self

在应用有frameset或者iframe的页面时，parent 是父窗口，top是最顶级的父窗口（有的窗口中嵌套了好几层frameset或者iframe），self是当前窗口，opener是用open方法打开当前窗口...window.self 功能：是对当前窗口自身的引用，它和window是等价的 语法：window.self 注：window、self、window.self是等价的 window.top 功能：返回顶层窗口...语法：window.top 注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用。 window.parent 功能：返回父窗口。...语法：window.parent 注：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。 在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。...你应当将框架视为窗口中的不同区域，框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架，单个的框架也可以分成其它多个框架，即所谓的嵌套框架。

2.6K30

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

10：【在弹出窗口中加上一个关闭按钮】 11：打开新页面 ---- 1：window.location.href的用法： self.location.href;//当前页面打开URL页面 window.location.href...//在父页面打开新页面 top.location.href;//在顶层页面打开新页面 2:window.open()的用法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。...只要有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换，用这个特性的话可以在iframe和frame中来代替location.href。...：在框架内指定页面打开连接 window.location或window.open如何指定target?...这一句的作用是调用关闭窗 口的代码，10秒钟后就自行关闭该窗口。)

4K20

如何使用tmux终端多路复用器

类似GNU Screen，但来自于OpenBSD，采用BSD授权。...这将在屏幕底部打开一个命令提示符，它将接受tmux命令。 命令行：也可以在tmux会话中直接将命令输入命令行。通常这些命令以tmux开头。...切换到上一个窗口 Prefix + n 切换到下一个窗口 Prefix + 0-9 使用索引号切换到窗口 Prefix + w 从交互列表中选择一个窗口 出口 关闭一个窗口 Prefix + ＆ 在无响应的窗口中强制终止所有进程...要提供更易于记忆和使用的窗口名称，可以使用Prefix +，重命名窗口。 管理tmux Panes 每个窗口可以分为多个窗格。当您希望在单个窗口中显示多个进程的输出时，这非常有用。...再次按相同的组合可退出缩放模式 出口 关闭活动窗格 Prefix + x 强制在窗格中终止无响应的进程 管理tmux会话 有时甚至多个窗口和窗格都是不够的，您需要通过将布局分组到单独的会话中来逻辑地分离布局

2K30

新窗口创建问题 | Electron 安全

该属性指定在何处显示链接的 URL，作为浏览上下文的名称（标签、窗口或 iframe） 其实就是，我在当前页面点击了一个 a 标签，标签 href 指向的是百度的地址，你想在哪里看到点击后的结果，是当前页面呢...还是当前页面的父页面？ 还是顶级导航的页面，还是干脆新打开一个标签/窗口来展示 _self：当前页面加载。（a标签默认） _blank：通常在新标签页打开，但用户可以通过配置选择在新窗口打开。...权限继承关系 如果在父窗口中禁用了 Node integration, 则在打开的 window中将始终被禁用。 如果在父窗口中启用了上下文隔离, 则在打开的 window 中将始终被启用。...，如果此时，在子窗口使用 window.opener 对象的 open 方法再打开一个与父窗口同源的新窗口，并且获取新窗口对象，用这个对象与父窗口进行通信，会不会就可以获取到父窗口的上下文了呢？...， Discord 用的是 new-window 事件进行监听的，具体如何做的校验文章也没有描述 具体可以参考以下链接 https://www.electronjs.org/zh/docs/latest

15110

总结收藏的41个JavaScript实用技巧

post” action=”mailto:sunjianfeng@csxiaoyao.com” enctype=”text/plain”> 在打开的子窗口刷新父窗口的代码里如何写...window.opener.location.reload() 如何设定打开页面的大小 打开页面的位置 在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 body {background-image:none; background-repeat...回车 用客户端脚本在页面添加document 的onkeydown事件,让页面在接受到回车事件后,进行Tab 键的功能,即只要把 event 的 keyCode 由 13 变为 9 这样的处理方式...HTML 上的”重置”应该要被执行 判断是否为空,是因为对于 HTML 上的”链接”也应该被执行，这种情况发生的情况不多，可以使用”tabindex=-1″的方式来取消链接获得焦点。

1.5K10

layer实现关闭弹出层刷新父界面功能详解

方案一： 在layer弹出层中调用父界面重新加载函数 1 2 3 window.parent.location.reload(); varindex = parent.layer.getFrameIndex...父窗口打开layer弹出框时，添加end回调 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 functionopenLayer() {   //iframe层     parent.layer.open...对于layer.js出现回调关闭父类的弹出层时，之前的表单的submit失效的问题： 如何解决：网上有很多，有的是转为ajax的请求，在数据传输完再关闭父类的弹出层： 下面是关闭父弹出层的办法： 1 2...window.name);//获取窗口索引 setTimeout(function() {   parent.layer.close(index);// 关闭layer },500); 我还需要在关闭父类窗口后再打开一个窗口...，则怎么解决，后面发现layer.js留有一个好的方式，那就是调用父窗口的方法，这个不受子窗口的影响，通过：parent.父类方法名（参数）这样就可以了，在父窗口中再调用layer.js的弹出就好了。

4.5K60
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券