chrome浏览器本地iframe页面与主页面的通讯方法.

      网上有很多帖子问到,chrome浏览器file://协议下,就是本地打开的页面,主页面和内嵌的iframe页面无法通讯,

这其实是chrome的安全限制造成的。而实际上,他们之间能异步通讯的。但是不能同步通讯。

    方法:利用HTML5的新api, postmessage。

    在主页面index.htm

    $("IframeID").contentWindow.postmessage("hello world!","*");

    在iframe内内部

 

  if (typeof window.addEventListener != 'undefined')

{

    window.addEventListener('message', function(e)

  {

    alert(e.data)

   }, false);

} 

else if (typeof window.attachEvent != 'undefined')

{

   window.attachEvent('onmessage',  function(e)

  {

    alert(e.data)

   }

);

}

 

 

 

 

 

转载于:https://www.cnblogs.com/Einsy/p/iframe.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
软件介绍: Avant浏览器的用户友好界面为你浏览体验带来清晰而有效的全新体验,频繁的升级稳步的提高 了他的可靠性。 多进程:多进程的设计给你带来不崩溃、不死锁、没有内存泄露的网络浏览器体验和高稳定性。当一个标签 死锁的时候,他不会导致你整个浏览器没响应或者其他页面死锁。 在线书签:通过Avant的在线存储可以任何地方,办公司、家里、网吧访问你的书签,而且不需要担心重装系 统时丢失数据。加密的独立书签文件格式可以在公用电脑上保护你的隐私。 自动填充:忘记了网页密码?Avant浏览器可以为你记住密码。你只需要简单的一击就可以填写网页表格。并 且你可以设置一个密码来保护你的所有的表单信息。 Flash动画过滤:正在经历使用GPRS/3G连接网络时网页加载速度慢?网页中85%以上的flash动画都是广告。这 些flash文件相当大,通常占你所访问网页大小的90%以上。使用Avant浏览器你只需要简单的一击就可以通过 阻止下载这些Flash文件来节省带宽。 广告/弹窗过滤器:点击一下鼠标轻松过滤不需要的广告横幅和弹出页面。 鼠标手势:如果你在网页上点击鼠标中键,链接会在一个新窗口中打开并在后台运行。这个功能在打开论坛 帖子的时候非常有用。Avant 浏览器同样具有自定义鼠标手势的功能,使用这种功能,你可以移动鼠标,轻 松操作浏览器。 隐私浏览:作为一个隐私模式的设计,Avant浏览器不会在你的电脑中保存网页数据。因此,在你使用隐私浏 览期间,与你共用电脑的人将不能看到你访问过哪些网站、网页和文件 更新日志: [添加]与IE9兼容,比chrome快 [添加]内置下载器 [添加]下载FLV视频文件 [添加]新的browser:home和快速拨号页面 [添加]分屏浏览 [添加]分离标签到独立的窗口 [添加]不分屏模式下的固定标签宽度 [添加]win7任务栏缩略图预览 [添加]兼容windows Aero透明界面 [添加]新的地址栏自动完成 [添加]自定义Avant profiles文件夹路径 [添加]内置在线/本地图片浏览器 [添加]AB选项中添加:显示自动填充的“打开这个文件夹中的所有链接” [添加]在“自定义按钮”中显示或隐藏100%的按钮 [添加]显示或不显示在线存储按钮的选项 [添加]设置browser:home 为页的按钮 [添加]在杂项中添加选项:若支持则显示任务栏的标签缩略图预览 [添加]在杂项中添加选项:简约模式下在任务栏按钮上显示标签的标题 [添加]在杂项中添加选项:启用下载视频 [添加]标签鼠标手势:当前页面 [改进]内存释放策略 [修复]logmein在 Avant Browser 2010中无法使用的问题 [修复]输入法被地址栏/搜索栏的下拉菜单挡住的问题 [修复]从全桌面模式还原时工具栏移位的问题 [修复]广告过滤器挡住了图片 [修复]在IFrame不显示脚本错误 [修复]AB选项的显示问题
将一个完整的web页面(或者只是它当前的状态)保存为一个HTML文件。 更改版本16.1•“保存的页面信息”面板中的新“保存自”字段 •仅当使用资源加载器查看保存的页面时,菜单上才会显示“删除资源加载器” •改进了页面信息栏的外观 •重新保存保存的页面时,改进了保存文件中HTML的格式 •其他小的改进 • 修正了一些小错误。概述保存页面WE提供了一种简单的功能,可以将网页(如当前显示的)保存为单个HTML文件,该文件可以在任何浏览器中打开。保存的页面是原始页面的高度准确表示 Save Page WE是使用新的WebExtensions API实现的,可用于具有相同功能和用户界面的Firefox和Chrome。选项页面可以按以下方式访问“保存页面的WE选项”页面:•Firefox-在菜单栏上,选择“工具”>“附加组件”(或按Ctrl + Shift + A),选择“扩展”选项卡,然后单击“选项”按钮 •Chrome-右键单击工具栏按钮,然后选择选项。工具栏按钮安装“保存页面WE”后,工具栏上将出现一个新的蓝色“软盘”按钮。要将网页另存为HTML文件,只需单击“保存页面WE”工具栏按钮。有一个选项可将按钮操作设置为:•保存基本项目•保存标准项目•保存自定义项目有一个选项可提示用户在保存文件时输入注释。有一些选项可以指定保存的文件名的格式。请参阅下面的“保存的文件名”部分。为了提示输入保存位置,必须将Chrome的“下载”选项设置为“在下载前先询问每个文件的保存位置”。默认情况下,保存HTML文件的扩展名为'.html'。上下文菜单和按钮菜单要将网页另存为HTML文件,或对先前保存的页面执行操作,请右键单击页面内容以打开上下文菜单,选择“保存页面WE”子菜单,然后然后选择菜单项之一:•保存基本项目•保存标准项目•保存自定义项目•查看保存的页面信息•删除页面加载程序•提取图像/音频/视频或者,右键单击“保存页面WE”工具栏按钮以打开按钮菜单,然后选择菜单项之一。在上下文菜单上有一个显示/隐藏“保存页面WE”子菜单项的选项。注意,在查看保存的页面时,“提取图像/音频/视频”菜单项始终显示在上下文菜单中。键盘快捷方式要将网页另存为HTML文件,请按Alt + A。保存的文件名有一个选项可以指定保存的文件名的格式。保存整个页面和提取资源(图像/音频/视频)时使用此格式。保存的文件名可能包含以下预定义字段:•%TITLE%-(保存页面)文档标题,如果为空,则与%FILE%相同•%TITLE%-(提取资源)与%FILE相同%•%DATE(x)%-YYYYxMMxDD格式的当前日期,其中“ x”是任何字符或可以省略 •%TIME(x)%-HHxMMxSS格式的当前时间,其中'x'是任何字符或可以省略 •%HOST%-页面或资源URL中的机名•%PATH%-页面或资源URL中的路径,不带最终文件扩展名•%FILE%-路径最后一段中的文件(不带最终文件)扩展名有一些选项可以用用户定义的字符替换保存的文件名中的空格,并设置保存的文件名的最大长度。保存的项目保存基本项目-保存以下项目:•HTML元素•HTML图像文件(当前显示)•CSS样式表•CSS图像文件(当前显示)•CSS字体文件(此浏览器使用)保存标准项目-保存基本项目项目和这些项目:•HTML图像文件(全部)•HTML音频和视频文件•HTML对象和嵌入文件•CSS字体文件(任何浏览器均不可用)保存自定义项目-保存基本项目和从此列表中选择的项目: •HTML图像文件(所有)•HTML音频和视频文件•HTML对象和嵌入文件•CSS图像文件(所有)•CSS字体文件(对于任何浏览器均不可用)•CSS字体文件(所有)•脚本(同源)注意,跨域框架中的脚本永远不会保存。保存页面时,有一个选项可以保留跨原点的框架。请注意,跨域iframe通常包含广告或访问者评论。有一个选项可以合并重复CSS图像(以减小保存的文件大小)。有一个选项可在已保存页面的顶部包括一个信息栏。有一个选项可以在已保存的文件中包括指标和资源摘要。有一个选项可以设置保存的嵌套帧/ iframe的最大深度。有一个选项可以清除已被页面本身,页面编辑器(例如Print Edit WE)或内容阻止程序(例如uBlock Origin)隐藏的元素。配置CHROME转到Chrome菜单按钮>设置>高级。在“下载”部分中,设置下载文件夹位置,然后启用或禁用“在下载前询问在哪里保存每个文件”选项。保存页面后,下载项将出现在浏览器窗口底部的下载栏中。单击下载项目中的箭头,然后启用或禁用“始终打开此类型的文件”选项。加载资源有一个选项可以设置大型或重复引用的资源所允许的最大大小。有一个选项可以设置允许加载单个资源的最长时间。有一个选项可以强制

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值